/* ================================================================
 * Widget « Vérification Partenaire Fourgale » — shortcode
 * [ewd_spp_partner_check]
 *
 * Design aligné sur la charte du site La Fourgale (capture du simulateur) :
 * - card blanche avec ombre légère et coins arrondis
 * - typographie sobre, accents bleu (primary) et vert (badge / match)
 * - input style "pill" cohérent avec les boutons du simulateur
 * ================================================================ */
 span.ewd-spp-pcheck__badge {
    display: none;
}
 .ewd-spp-pcheck {
    --pc-bg: #ffffff;
    --pc-card: #ffffff;
    --pc-border: #e5e7eb;
    --pc-border-soft: #eef0f3;
    --pc-text: #1f2937;
    --pc-muted: #6b7280;
    --pc-primary: #2196f3;
    --pc-primary-10: rgba(33, 150, 243, .08);
    --pc-primary-30: rgba(33, 150, 243, .25);
    --pc-success: #16a34a;
    --pc-success-10: rgba(22, 163, 74, .10);
    --pc-success-30: rgba(22, 163, 74, .30);
    --pc-radius: 14px;
    --pc-radius-sm: 10px;
    --pc-shadow: 0 4px 16px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
    box-sizing: border-box;
    max-width: 720px;
    margin: 0 auto;
    padding: 18px 22px 16px;
    background: #f1f5f9;
    border: 1px solid var(--pc-border);
    border-radius: var(--pc-radius);
    box-shadow: var(--pc-shadow);
    color: var(--pc-text);
    font-family: inherit;
    font-size: 15px;
    line-height: 1.45;
}

.ewd-spp-pcheck *,
.ewd-spp-pcheck *::before,
.ewd-spp-pcheck *::after {
	box-sizing: border-box;
}

/* Header ----------------------------------------------------------------- */

.ewd-spp-pcheck__header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.ewd-spp-pcheck__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pc-text);
	flex-shrink: 0;
}

.ewd-spp-pcheck__title {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--pc-text);
	letter-spacing: .1px;
}

.ewd-spp-pcheck__badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 12px;
	font-size: .8rem;
	font-weight: 600;
	color: var(--pc-success);
	background: var(--pc-success-10);
	border: 1px solid var(--pc-success-30);
	border-radius: 999px;
	line-height: 1.3;
}

/* Champ + suggestions ---------------------------------------------------- */

.ewd-spp-pcheck__field {
	position: relative;
}

.ewd-spp-pcheck__input {
	width: 100%;
	padding: 12px 48px 12px 16px;
	font-size: 1rem;
	font-family: inherit;
	color: var(--pc-text);
	background: #fff;
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-sm);
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.ewd-spp-pcheck__input::placeholder {
	color: var(--pc-muted);
}

.ewd-spp-pcheck__input:focus {
	border-color: var(--pc-primary);
	box-shadow: 0 0 0 3px var(--pc-primary-10);
}

/* État "match" : bordure verte + texte vert/bold */
.ewd-spp-pcheck.is-match .ewd-spp-pcheck__input {
	color: var(--pc-success);
	font-weight: 700;
	border-color: var(--pc-success);
	box-shadow: 0 0 0 3px var(--pc-success-10);
}

/* Coche à droite — visible quand match exact */
.ewd-spp-pcheck__check {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--pc-success);
	background: var(--pc-success-10);
	border: 1px solid var(--pc-success-30);
	border-radius: 8px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease;
}

.ewd-spp-pcheck.is-match .ewd-spp-pcheck__check {
	opacity: 1;
}

/* Liste de suggestions */
.ewd-spp-pcheck__suggestions {
	position: relative;
	margin: 6px 0 0;
	padding: 4px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--pc-border);
	border-radius: var(--pc-radius-sm);
	max-height: 240px;
	overflow-y: auto;
	box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

.ewd-spp-pcheck__suggestions[hidden] {
	display: none;
}

.ewd-spp-pcheck__suggestions li {
	padding: 8px 12px;
	font-size: .95rem;
	color: var(--pc-text);
	border-radius: 8px;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: background .12s ease, color .12s ease;
}

.ewd-spp-pcheck__suggestions li:hover,
.ewd-spp-pcheck__suggestions li.is-active {
	background: var(--pc-primary-10);
	color: var(--pc-text);
}

/* Surbrillance des caractères qui matchent la saisie (mark) */
.ewd-spp-pcheck__suggestions mark {
	background: var(--pc-success-10);
	color: var(--pc-success);
	padding: 0 2px;
	border-radius: 3px;
	font-weight: 700;
}

/* Hint -------------------------------------------------------------------- */

.ewd-spp-pcheck__hint {
	margin: 12px 0 0;
	font-size: .85rem;
	line-height: 1.5;
	color: var(--pc-muted);
}

.ewd-spp-pcheck__hint strong,
.ewd-spp-pcheck__hint b {
	color: var(--pc-text);
	font-weight: 600;
}

/* Responsive ------------------------------------------------------------- */

@media (max-width: 480px) {
	.ewd-spp-pcheck {
		padding: 16px 16px 14px;
	}
	.ewd-spp-pcheck__title {
		font-size: 1rem;
	}
	.ewd-spp-pcheck__input {
		font-size: .95rem;
	}
}