/* ============================================================
   Thème « Mois de l'E85 » — habillage de la livrée course pendant l'événement commercial (lib/evenement, /admin/evenement,
   04/11/2026) : −20 % sur les deux conversions E85, du 4 au 30 novembre 2026, fin à la date de l'événement, 23 h 59.
   Chargée SEULEMENT pendant l'événement : lib/siteConfig.inject pose <html data-evenement="e85"> et la balise
   <link data-cp-evenement> (aucun flash) ; public/js/layout.js fait de même sur une page que le serveur n'a pas rendue et
   retire les deux à la fin. Le balisage ajouté (classe .cp-ev : décor, titres, compte à rebours, rappel, conditions) vient de
   lib/evenementHabillage.accueilE85 et de layout.js ; sans l'attribut, style.css le masque.
   Principe, le même qu'Halloween : le thème HABILLE la livrée, sans la remplacer — mêmes composants, mêmes rôles ; les jetons
   --lv-* sont redéfinis, des jetons --e8-* s'ajoutent. Les trois couleurs de la livrée (--lv-r, --lv-o, --lv-j : bandes,
   filets, numéros, soulignés) deviennent feuille, blé et crème. L'accent du gérant reste la couleur des boutons d'achat :
   --accent n'est jamais touché ici. Les classes du balisage (hw-titre, hw-compte, hw-jours, hw-cta-offre, hw-pied-offre,
   hw-mini) sont celles de la mécanique, communes aux événements « promo » ; seul le décor porte des classes e8-.
   Aucun !important, aucune ressource externe (les pictogrammes des badges sont des masques SVG en data:, permis par la CSP :
   img-src 'self' data:). Contrastes AA recalculés par test/evenement-e85.js sur ces jetons.
   ============================================================ */
html[data-evenement="e85"] body.lv-page, html[data-evenement="e85"] body[data-page="home"] {
  --e8-nuit: #0b1410; --e8-nuit-2: #101a15; --e8-nuit-3: #16231c;
  --e8-ligne: #22332a; --e8-ligne-2: #2d4236;
  --e8-feuille: #2e9e5b; --e8-feuille-t: #7fe0a8; --e8-feuille-pale: #a9ecc5; --e8-feuille-pale-h: #d2f6e1;
  --e8-ble: #e6b94a; --e8-ble-t: #f3cf72; --e8-creme: #f1ecdc; --e8-noir: #060a08; --e8-filet: #2e9e5b;
  --e8-halo: #8fe3b4; --e8-trait: #7fb995;
  --e8-badge-bg: #2e9e5b; --e8-badge-t: #06130b;
  --e8-annonce-bg: #0f2117; --e8-annonce-t: #eef7f1; --e8-annonce-cta: #a9ecc5; --e8-annonce-ligne: #27443a; --e8-annonce-x: #b7cdbf;
  --e8-vitrine: #1c5a39; --e8-vitrine-boite: rgba(0, 0, 0, .22);
  --e8-promo-ligne: #a9ecc5; --e8-promo-ic: #2e9e5b;
  /* La livrée, en nuit verte */
  --bg: #0b1410; --bg-1: #0e1813; --bg-2: #101a15; --bg-3: #16231c; --border: #22332a; --border-2: #2d4236;
  --lv-bg: var(--e8-nuit); --lv-surf: var(--e8-nuit-2); --lv-ligne: var(--e8-ligne); --lv-ligne2: var(--e8-ligne-2); --lv-ligne-rs: #1d2d25;
  --lv-champ: #6f8c7c; --lv-champ-bg: var(--e8-nuit); --lv-sel-ligne: #27392f;
  --lv-sur-c: var(--e8-ble-t); --lv-lien: var(--e8-feuille-pale); --lv-lien-h: var(--e8-feuille-pale-h); --lv-coche: var(--e8-feuille-pale);
  --lv-carte: var(--e8-nuit-2); --lv-carte-ligne: var(--e8-ligne); --lv-creux: var(--e8-nuit);
  --lv-reco-bg: var(--e8-creme); --lv-reco-t: var(--e8-nuit); --lv-q-ic: var(--e8-feuille);
  --lv-chiffres-bg: #0d1712; --lv-faq-bg: var(--e8-nuit); --lv-pied: #070c09;
  --lv-damier: rgba(169, 236, 197, .045);
  /* Les trois couleurs de la livrée : feuille → blé → crème */
  --lv-r: var(--e8-feuille); --lv-o: var(--e8-ble); --lv-j: var(--e8-creme);
  /* Bande des garanties : CRÈME en thème sombre */
  --lv-gar-bg: #f3efe2; --lv-gar-t: #0b1410; --lv-gar-t2: #43564b; --lv-gar-carte: #fbf9f2; --lv-gar-ligne: #dfd8c4;
  --lv-gar-ic-bg: #0b1410; --lv-gar-ic: var(--e8-feuille-pale); --lv-gar-sur: #1f6f41;
  --lv-gar-damier: rgba(46, 158, 91, .07); --lv-gar-champ: #6f7c66; --lv-gar-focus: #1f6f41;
}
html[data-evenement="e85"][data-theme="light"] body.lv-page, html[data-evenement="e85"][data-theme="light"] body[data-page="home"] {
  --e8-nuit: #f6f8f3; --e8-nuit-2: #ecf2e8; --e8-nuit-3: #e2ebdc;
  --e8-ligne: #d6e2cf; --e8-ligne-2: #c8d8bf;
  --e8-feuille-t: #1f6f41; --e8-feuille-pale: #1b6039; --e8-feuille-pale-h: #124429;
  --e8-ble: #b8862a; --e8-ble-t: #8a6414; --e8-creme: #1a2a20; --e8-noir: #1a2a20; --e8-filet: #1a2a20;
  --e8-halo: #bfeccf; --e8-trait: #4f8a66;
  --e8-annonce-bg: #e1f1e4; --e8-annonce-t: #0f1f15; --e8-annonce-cta: #14512f; --e8-annonce-ligne: #c0dcc7; --e8-annonce-x: #41584a;
  --e8-vitrine: #1c5a39; --e8-vitrine-boite: rgba(0, 0, 0, .2);
  --e8-promo-ligne: #1b6039; --e8-promo-ic: #237a47;
  --bg: #f6f8f3; --bg-1: #f6f8f3; --bg-2: #fbfcf9; --bg-3: #ecf2e8; --border: #d6e2cf; --border-2: #c3d4b9;
  --text: #0e1a13; --text-2: #43564b; --text-3: #52665a;
  --lv-bg: #f6f8f3; --lv-surf: #ecf2e8; --lv-ligne: #d6e2cf; --lv-ligne2: #c8d8bf; --lv-ligne-rs: #d6e2cf;
  --lv-champ: #6f7c66; --lv-champ-bg: #fbfcf9; --lv-sel-ligne: #d6e2cf;
  --lv-t: #0e1a13; --lv-t2: #43564b;
  --lv-sur-c: #8a6414; --lv-lien: #1b6039; --lv-lien-h: #124429; --lv-coche: #237a47;
  --lv-carte: #fbfcf9; --lv-carte-ligne: #d6e2cf; --lv-creux: #ecf2e8;
  --lv-carte-ombre: 0 1px 2px rgba(20, 50, 30, .05), 0 10px 28px rgba(20, 50, 30, .06);
  --lv-reco-bg: #1a2a20; --lv-reco-t: #f6f8f3; --lv-q-ic: #1f6f41;
  --lv-chiffres-bg: #ecf2e8; --lv-faq-bg: #ecf2e8; --lv-pied: #f6f8f3;
  --lv-damier: rgba(46, 158, 91, .05);
  --lv-sel-ombre: 0 2px 6px rgba(20, 50, 30, .06), 0 24px 60px rgba(20, 50, 30, .10); --lv-cta-ombre: 0 24px 60px rgba(20, 50, 30, .08);
  /* Bande des garanties : NUIT en thème clair */
  --lv-gar-bg: #0f1d15; --lv-gar-t: #eef7f1; --lv-gar-t2: #b7cdbf; --lv-gar-carte: #182a20; --lv-gar-ligne: #27443a;
  --lv-gar-ic-bg: #2e9e5b; --lv-gar-ic: #0f1d15; --lv-gar-sur: #7fe0a8;
  --lv-gar-damier: rgba(169, 236, 197, .05); --lv-gar-champ: #6f8c7c; --lv-gar-focus: #a9ecc5;
}
html[data-evenement="e85"] body.lv-page .site-header.scrolled, html[data-evenement="e85"] body[data-page="home"] .site-header.scrolled { background: color-mix(in srgb, var(--e8-nuit) 90%, transparent); }
@media (max-width: 1200px) {
  html[data-evenement="e85"] body.lv-page .main-nav, html[data-evenement="e85"] body[data-page="home"] .main-nav { background: color-mix(in srgb, var(--e8-nuit) 98%, transparent); }
}

/* ---------- Les formes de la livrée qui changent : la bande noire filetée de vert, le souligné feuille/blé, le filet du
   sélecteur ---------- */
html[data-evenement="e85"] .s-j { fill: var(--e8-noir); stroke: var(--e8-filet); stroke-width: 1.2px; vector-effect: non-scaling-stroke; }
html[data-evenement="e85"] .lv-souligne { background-image: linear-gradient(180deg, var(--e8-feuille) 0 55%, var(--e8-ble) 55% 100%); }
html[data-evenement="e85"] .lv-tunnel main .grad-text, html[data-evenement="e85"] .lv-tunnel main .lv-souligne, html[data-evenement="e85"] .lvc main .grad-text { background-image: linear-gradient(180deg, var(--e8-feuille) 0 55%, var(--e8-ble) 55% 100%); }
html[data-evenement="e85"] .lv-sel { background-image: linear-gradient(90deg, var(--lv-r) 0 50%, var(--lv-o) 50% 80%, var(--lv-j) 80% 100%); background-size: 100% 5px; background-repeat: no-repeat; padding-top: 28px; }
/* Les grands numéros : le vert feuille en texte (lisible sur la nuit), le blé reste aux aplats */
html[data-evenement="e85"] .lv-chiffres-l > li.o, html[data-evenement="e85"] .lv-etapes-l > li.o,
html[data-evenement="e85"] .pv-kpis > li.o, html[data-evenement="e85"] .pv-etapes > li.o, html[data-evenement="e85"] .pv-jalons > li.o, html[data-evenement="e85"] .hi-num.o { --c: var(--e8-feuille-t); }
html[data-evenement="e85"] .cpg-b-g { background: linear-gradient(90deg, var(--e8-feuille), var(--e8-ble-t)); }
html[data-evenement="e85"] .svc-ligne.reco { box-shadow: inset 4px 0 0 var(--e8-feuille); }

/* ---------- Ligne d'annonce (lib/siteConfig : ligne de l'événement) ---------- */
html[data-evenement="e85"] .cp-annonce, html[data-evenement="e85"][data-theme="light"] .cp-annonce {
  --an-bg: var(--e8-annonce-bg); --an-text: var(--e8-annonce-t); --an-muted: var(--e8-annonce-x); --an-line: var(--e8-annonce-ligne); --an-cta: var(--e8-annonce-cta);
  background-image: linear-gradient(90deg, var(--lv-r) 0 50%, var(--lv-o) 50% 83.34%, var(--lv-j) 83.34% 100%); background-size: 100% 2px; background-position: 0 100%; background-repeat: no-repeat;
}
html[data-evenement="e85"] .cp-an-badge { gap: 6px; padding: 0 10px 0 8px; background: var(--e8-badge-bg); color: var(--e8-badge-t); }
html[data-evenement="e85"] .cp-an-badge .cp-an-pic { margin: 0; }
html[data-evenement="e85"] .cp-an-lien:focus-visible, html[data-evenement="e85"] .cp-an-x:focus-visible { outline-color: var(--e8-feuille); }
/* Sur l'accueil, le compte à rebours du héros dit déjà les jours qui restent : la ligne garde la date, sans le répéter */
html[data-evenement="e85"] body[data-page="home"] .cp-an-cd { display: none; }

/* ---------- Héros : le décor (halo, épis et feuilles au trait), les titres, le compte à rebours ---------- */
html[data-evenement="e85"] .e8-ciel { position: absolute; z-index: 0; left: 0; top: -18%; width: 100%; height: auto; aspect-ratio: 2 / 1; pointer-events: none; overflow: visible; }
html[data-evenement="e85"] .e8-halo-a { stop-color: var(--e8-halo); stop-opacity: .22; }
html[data-evenement="e85"] .e8-halo-b { stop-color: var(--e8-halo); stop-opacity: .07; }
html[data-evenement="e85"] .e8-halo-c { stop-color: var(--e8-halo); stop-opacity: 0; }
html[data-evenement="e85"] .e8-fl, html[data-evenement="e85"] .e8-ep { fill: none; stroke: var(--e8-trait); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; opacity: .8; }
html[data-evenement="e85"] .e8-ep { stroke: var(--e8-ble-t); }
html[data-evenement="e85"] .e8-pt { fill: var(--e8-ble-t); opacity: .55; }
html[data-evenement="e85"][data-theme="light"] .e8-fl, html[data-evenement="e85"][data-theme="light"] .e8-ep { opacity: .6; }
html[data-evenement="e85"] .e8-feuille-tel { display: none; }
/* Titres : variante A au bureau, B au téléphone si le Stage 1 est dans l'offre, à la place du titre « nouveau » du test A/B
   (le groupe témoin garde le sien : style.css masque toutes les variantes « nouveau »). Hors français, le titre traduit reste. */
html[data-evenement="e85"][lang="fr"] .lv-heros .lv-h1-v.lv-h1-nouveau:not(.hw-titre) { display: none; }
html[data-evenement="e85"]:not([lang="fr"]) .lv-heros .hw-titre { display: none; }
@media (min-width: 641px) { html[data-evenement="e85"] .lv-heros .hw-titre-b { display: none; } }
@media (max-width: 640px) { html[data-evenement="e85"] .lv-heros .hw-titre-a.hw-avec-b { display: none; } }
html[data-evenement="e85"] .lv-heros-sous sup, html[data-evenement="e85"] .hw-compte sup, html[data-evenement="e85"] .hw-cta-offre sup, html[data-evenement="e85"] .hw-pied-offre sup { font-size: .62em; line-height: 0; }
html[data-evenement="e85"] .lv-heros-sous .hw-fort { color: var(--lv-t); font-weight: 700; }
html[data-evenement="e85"] .lv-heros-sous .hw-au-lieu { text-decoration: none; }
html[data-evenement="e85"] .lv-heros-sous .hw-s1:has(.hw-au-lieu[hidden]) { display: none; }
/* Le compte à rebours réel, en jours de Paris (lib/evenementHabillage.compte, remis à jour à minuit par layout.js). Vingt-sept
   cases de novembre : la grille se resserre et passe sur deux lignes au téléphone. */
html[data-evenement="e85"] .hw-compte { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 560px; padding: 12px 14px 14px; box-sizing: border-box; border-radius: 14px; background: var(--lv-surf); border: 1px solid var(--lv-ligne2); }
html[data-evenement="e85"] .hw-compte-t { margin: 0; display: flex; align-items: flex-start; gap: 8px; font-size: .9rem; line-height: 1.4; color: var(--lv-t2); }
html[data-evenement="e85"] .hw-compte-t svg { flex: none; margin-top: 1px; color: var(--lv-sur-c); }
html[data-evenement="e85"] .hw-compte-t b { color: var(--lv-t); font-weight: 700; }
html[data-evenement="e85"] .hw-jours { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)); gap: 4px; }
html[data-evenement="e85"] .hw-jours li { position: relative; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 5px 0 6px; border-radius: 8px; border: 1px solid var(--lv-ligne2); font-size: .62rem; font-weight: 600; line-height: 1.2; color: var(--lv-t2); }
html[data-evenement="e85"] .hw-jours li b { font-family: "Barlow Condensed", Outfit, system-ui, sans-serif; font-style: italic; font-weight: 800; font-size: 1.15rem; line-height: 1; color: var(--lv-t); }
html[data-evenement="e85"] .hw-jours li.passe { border-style: dashed; background: transparent; }
html[data-evenement="e85"] .hw-jours li.passe span, html[data-evenement="e85"] .hw-jours li.passe b { color: var(--lv-t2); }
html[data-evenement="e85"] .hw-jours li.passe b { text-decoration: line-through; text-decoration-thickness: 2px; }
html[data-evenement="e85"] .hw-jours li.auj { border-color: var(--e8-feuille); box-shadow: inset 0 0 0 1px var(--e8-feuille); background: color-mix(in srgb, var(--e8-feuille) 14%, transparent); color: var(--lv-t); }
html[data-evenement="e85"] .hw-jours li.fin { border-color: transparent; background: var(--e8-ble); color: #1a1406; }
html[data-evenement="e85"] .hw-jours li.fin b { color: #120e04; }
html[data-evenement="e85"] .hw-j-ic { position: absolute; top: 3px; right: 3px; width: 11px; height: 11px; color: var(--lv-sur-c); }
html[data-evenement="e85"] .hw-jours li.fin .hw-j-ic { color: #120e04; }
@media (min-width: 1008px) {
  html[data-evenement="e85"] .lv-heros .hw-compte { grid-column: 2; grid-row: 6; justify-self: stretch; align-self: start; max-width: none; }
}
@media (max-width: 1007px) { html[data-evenement="e85"] .hw-compte { order: 7; } }
@media (max-width: 640px) {
  html[data-evenement="e85"] .hw-compte { order: 6; gap: 8px; padding: 10px 10px 12px; }
  html[data-evenement="e85"] .hw-compte-t { font-size: .8125rem; }
  html[data-evenement="e85"] .hw-jours { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
  html[data-evenement="e85"] .hw-jours li { padding: 4px 0 5px; font-size: .58rem; border-radius: 7px; }
  html[data-evenement="e85"] .hw-jours li b { font-size: 1rem; }
  html[data-evenement="e85"] .hw-j-ic { top: 2px; right: 2px; width: 9px; height: 9px; }
  html[data-evenement="e85"] .e8-ciel { display: none; }
  html[data-evenement="e85"] .e8-feuille-tel { display: block; position: absolute; z-index: 0; top: 6px; right: 6px; width: 72px; height: auto; pointer-events: none; overflow: visible; }
  html[data-evenement="e85"] .e8-feuille-tel .e8-fl { opacity: .55; }
  html[data-evenement="e85"] .lv-carte .lv-promo .lv-promo-nom { display: none; }
}

/* ---------- Badge de promotion « −20 % Mois de l'E85 » (cartes, fiche, Services, comparateur, catalogue, panier) ---------- */
html[data-evenement="e85"] .lv-promo, html[data-evenement="e85"] .lv-carte-prix .lv-promo, html[data-evenement="e85"] .lv-carte-lignes dd .lv-promo { background: var(--e8-badge-bg); color: var(--e8-badge-t); }
html[data-evenement="e85"] .lv-promo::before { content: ""; flex: none; width: 1.15em; height: 1.15em; margin-left: -1px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204c-7%200-12.5%203.2-14.6%208.6C4.5%2015%204.6%2017.4%205.6%2020%22%2F%3E%3Cpath%20d%3D%22M20%204c.5%206.6-1.9%2011.4-6.2%2013.6-2.6%201.3-5.5%201.2-8.2-.2%22%2F%3E%3Cpath%20d%3D%22M6.4%2018.2C9.3%2013.4%2013.3%209.4%2018%206.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204c-7%200-12.5%203.2-14.6%208.6C4.5%2015%204.6%2017.4%205.6%2020%22%2F%3E%3Cpath%20d%3D%22M20%204c.5%206.6-1.9%2011.4-6.2%2013.6-2.6%201.3-5.5%201.2-8.2-.2%22%2F%3E%3Cpath%20d%3D%22M6.4%2018.2C9.3%2013.4%2013.3%209.4%2018%206.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
html[data-evenement="e85"] .lv-promo .lv-promo-nom { font-weight: 800; color: inherit; }
html[data-evenement="e85"] .lv-promo small { font-weight: 600; opacity: .92; }
html[data-evenement="e85"] .lv-prix-barre { text-decoration-color: var(--e8-feuille); }
html[data-evenement="e85"] .lv-carte.reco { border-color: var(--e8-feuille); }
html[data-evenement="e85"][data-theme="light"] .lv-carte.reco { box-shadow: inset 0 0 0 1px var(--e8-feuille), 0 18px 44px rgba(46, 158, 91, .12); }
/* La carte E85, celle de l'offre : la pompe au trait après son intitulé */
html[data-evenement="e85"] .lv-carte.multi .lv-cat::after { content: ""; display: inline-block; width: 18px; height: 18px; margin-left: 8px; vertical-align: -3px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V5a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v16%22%2F%3E%3Cpath%20d%3D%22M3.5%2021h13%22%2F%3E%3Cpath%20d%3D%22M7.5%206.5h5v4h-5z%22%2F%3E%3Cpath%20d%3D%22M15%209h1.6a1.4%201.4%200%200%201%201.4%201.4V16a1.5%201.5%200%200%200%203%200v-5.6L19.4%208.8%22%2F%3E%3Cpath%20d%3D%22M18.5%207.2l1.6-1.6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V5a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v16%22%2F%3E%3Cpath%20d%3D%22M3.5%2021h13%22%2F%3E%3Cpath%20d%3D%22M7.5%206.5h5v4h-5z%22%2F%3E%3Cpath%20d%3D%22M15%209h1.6a1.4%201.4%200%200%201%201.4%201.4V16a1.5%201.5%200%200%200%203%200v-5.6L19.4%208.8%22%2F%3E%3Cpath%20d%3D%22M18.5%207.2l1.6-1.6%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }

/* ---------- Bande Multimap : vert forêt (le rouge reste aux boutons d'achat) ---------- */
html[data-evenement="e85"] .lv-vitrine { background: var(--e8-vitrine); color: #ffffff; }
html[data-evenement="e85"] .lv-sep-vit-in, html[data-evenement="e85"] .lv-sep-vit-out { --sep-a: var(--e8-vitrine); }
html[data-evenement="e85"] .lv-vit-offre { background: var(--e8-vitrine-boite); border-color: rgba(255, 255, 255, .28); }
html[data-evenement="e85"] .lv-vit-nouveau, html[data-evenement="e85"] .lv-vit-beta { color: var(--e8-vitrine); }

/* ---------- Carte d'appel finale : rappel de l'offre ---------- */
html[data-evenement="e85"] .hw-cta-offre { margin: -4px 0 0; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--e8-feuille) 13%, transparent); border: 1px solid color-mix(in srgb, var(--e8-feuille) 45%, transparent); font-size: 1rem; line-height: 1.4; color: var(--lv-t); }
html[data-evenement="e85"] .hw-cta-offre svg { flex: none; color: var(--lv-sur-c); }

/* ---------- Pied de page : les conditions de l'offre (public/js/layout.js, texte de lib/evenement.conditionsOffre) ---------- */
html[data-evenement="e85"] .hw-pied-offre { margin: 18px 0 0; padding-top: 14px; border-top: 1px dashed var(--lv-ligne2, #22332a); display: flex; align-items: flex-start; gap: 10px; max-width: 980px; font-size: .84rem; line-height: 1.5; color: var(--lv-t2, #b4bac7); }
html[data-evenement="e85"] .hw-pied-offre svg { flex: none; margin-top: 2px; color: var(--lv-sur-c); }
html[data-evenement="e85"] .hw-pied-offre b { color: var(--lv-t, #f3f4f7); }

/* ---------- Barre fixe du téléphone : prix de base barré et taux (si le Stage 1 est dans l'offre) ---------- */
html[data-evenement="e85"] .lv-barre .hw-mini { display: inline-flex; align-items: center; gap: 6px; margin-top: 2px; font-size: .78rem; }
html[data-evenement="e85"] .lv-barre .hw-mini .lv-prix-barre[hidden] { display: none; }
html[data-evenement="e85"] .lv-barre .hw-mini .lv-promo { padding: 1px 6px; font-size: .7rem; }
html[data-evenement="e85"] .lv-barre-prix { flex-wrap: wrap; }

/* ---------- Tunnel : la ligne « Promotion Mois de l'E85 (−20 %) » du récapitulatif (public/js/lignes-prix.js) ---------- */
html[data-evenement="e85"] .summary-line.lp-promotion, html[data-evenement="e85"] .summary-line.lp-promotion > span:first-child, html[data-evenement="e85"] .summary-line.lp-promotion > span:last-child { color: var(--e8-promo-ligne); font-weight: 700; }
html[data-evenement="e85"] .summary-line.lp-promotion > span:first-child svg { display: none; }
html[data-evenement="e85"] .summary-line.lp-promotion > span:first-child::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: -3px; background: var(--e8-promo-ic); -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204c-7%200-12.5%203.2-14.6%208.6C4.5%2015%204.6%2017.4%205.6%2020%22%2F%3E%3Cpath%20d%3D%22M20%204c.5%206.6-1.9%2011.4-6.2%2013.6-2.6%201.3-5.5%201.2-8.2-.2%22%2F%3E%3Cpath%20d%3D%22M6.4%2018.2C9.3%2013.4%2013.3%209.4%2018%206.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%204c-7%200-12.5%203.2-14.6%208.6C4.5%2015%204.6%2017.4%205.6%2020%22%2F%3E%3Cpath%20d%3D%22M20%204c.5%206.6-1.9%2011.4-6.2%2013.6-2.6%201.3-5.5%201.2-8.2-.2%22%2F%3E%3Cpath%20d%3D%22M6.4%2018.2C9.3%2013.4%2013.3%209.4%2018%206.5%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }