/**
 * Lupéo — habillage « Brevo », couche structurelle (31/08/2026).
 *
 * Reprise exacte du mode « Palette Brevo » validé sur la maquette locale
 * (Essai — fond blanc/). Les JETONS de couleur ne sont pas ici : ils vivent
 * dans le bloc `lupeo-charte` de functions.php, source unique des couleurs.
 * Cette feuille ne porte que ce que des variables ne peuvent pas dire :
 * surfaces blanchies, filets de section, titres en Inter, accents jaunes,
 * halos verts. Les !important prennent le pas sur les fonds posés en dur
 * dans les modules — retirer l'enfilage rend tout cela à la charte.
 */

/* ── 1. Les surfaces de page passent au blanc ──────────────────── */
body,
.lupeo-hero,
.lupeo-section,
.lupeo-section--creme,
.lupeo-compat,
.lupeo-compat-bloc,
.lupeo-contenu,
.lupeo-fiche,
.lupeo-home .lupeo-appel,
.woocommerce div.product {
	background-color: #fff !important;
	background-image: none !important;
}

[data-footer*="type-1"] .ct-footer {
	background-color: #fff !important;
}

/* Le rythme de la page tenait à l'alternance crème / blanc, qui disparaît
   quand tout est blanc : il tient désormais à un filet en haut de section. */
.lupeo-section {
	border-top: 1px solid var(--lupeo-line, #E4E7E0) !important;
}

.lupeo-section--blanche {
	border-block: 1px solid var(--lupeo-line, #E4E7E0) !important;
}

/* ── 2. Une seule famille : les titres quittent Manrope pour Inter ─ */
h1, h2, h3, h4, h5, h6,
.lupeo-hero__titre,
.entry-title,
.lupeo-card__prix,
.price {
	font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
	letter-spacing: -.022em;
}

/* ── 3. Le texte posé sur le vert clair est assombri ───────────── */
.lupeo-puce,
.lupeo-geo__t,
.lupeo-ship__top {
	color: var(--lupeo-teal-deep, #076B4E) !important;
}

/* ── 4. Le jaune : un accent, jamais une surface de lecture ────── */
.lupeo-hero__titre em::after {
	background: var(--lupeo-jaune, #fdd235) !important;
	height: 6px;
	border-radius: 3px;
	opacity: .9;
}

.lupeo-sur-titre::before {
	background: var(--lupeo-jaune, #fdd235) !important;
}

/* ── 5. Les halos du bandeau reprennent le vert clair, dilué ───── */
.lupeo-hero__halo {
	background: radial-gradient(circle at 34% 34%, rgba(192, 255, 165, .55) 0%, rgba(192, 255, 165, .22) 46%, rgba(192, 255, 165, 0) 70%) !important;
}

.lupeo-hero__disque {
	background: radial-gradient(ellipse at 50% 45%, rgba(192, 255, 165, .7) 0%, rgba(192, 255, 165, .25) 55%, rgba(192, 255, 165, 0) 72%) !important;
}

/* ── 6. Les couleurs écrites EN DUR dans les modules ───────────── */
/* Ces sélecteurs n'utilisent pas les jetons : leurs teintes de charte
   sont posées en dur dans lupeo-modules v1.43.0 (panier déroulant en
   tête). Surchargées une à une, générées par balayage des feuilles
   servies le 31/08/2026 — à regénérer si l'extension évolue. */
/* — lupeo-panier.css — */
.lupeo-tiroir__entete { border-bottom: 1px solid #E4E7E0 !important; }
.lupeo-tiroir__fermer { border: 2px solid #0B996E !important; background: #C0FFA5 !important; color: #076B4E !important; }
.lupeo-tiroir__fermer:hover, .lupeo-tiroir__fermer:focus-visible { border-color: #076B4E !important; background: #0B996E !important; }
.lupeo-port { border-bottom: 1px solid #E4E7E0 !important; background: #F6F8F4 !important; }
.lupeo-port__rail { background: #E4E7E0 !important; }
.lupeo-port__barre { background: linear-gradient(90deg, #0B996E, #0FB584) !important; }
.lupeo-port--atteint { background: #C0FFA5 !important; }
.lupeo-port--atteint .lupeo-port__message { color: #076B4E !important; }
.lupeo-port--atteint .lupeo-port__message strong { color: #076B4E !important; }
.lupeo-port--page { border: 1px solid #E4E7E0 !important; }
.lupeo-tiroir__mini-cart .woocommerce-mini-cart-item { border-bottom: 1px solid #E4E7E0 !important; }
.lupeo-tiroir__mini-cart .remove_from_cart_button { border: 1px solid #E4E7E0 !important; }
.lupeo-tiroir__mini-cart .woocommerce-mini-cart__total { border-top: 1px solid #E4E7E0 !important; }
.lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .button { border: 1px solid #0B996E !important; color: #076B4E !important; }
.lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .button:hover, .lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .button:focus-visible { border-color: #076B4E !important; background: #C0FFA5 !important; color: #076B4E !important; }
/* le bouton d'achat reste orange à texte blanc — les !important ci-dessus
   l'attrapaient et posaient du vert sur l'orange */
.lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .checkout { border-color: #C2410C !important; background: #C2410C !important; color: #fff !important; }
.lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .checkout:hover, .lupeo-tiroir__mini-cart .woocommerce-mini-cart__buttons .checkout:focus-visible { border-color: #9A3412 !important; background: #9A3412 !important; color: #fff !important; }
.lupeo-tiroir__vide > svg { stroke: #0B996E !important; }
.lupeo-tiroir__vide .button { background: #0B996E !important; }
.lupeo-toast { border: 1px solid #E4E7E0 !important; }
.lupeo-toast svg { color: #0B996E !important; }
.lupeo-toast a { color: #0B996E !important; }
/* — lupeo-boutique.css — */
.lupeo-rayon::after { background: #EAF9E2 !important; }
/* — lupeo-modules.css — */
.lupeo-clock--closed { background: #F1F3EE !important; }