/* ============================================================
   ENGC — Thème « DIRECT » (canal grand public : mon-enseigne.engc.fr)
   ============================================================
   Chargé UNIQUEMENT sur le canal public, APRÈS quote-wizard-engc.css
   (donc il surcharge la base à spécificité égale). Le canal PRO
   (devis.engc.fr) ne charge JAMAIS ce fichier → design actuel inchangé.

   Direction validée par John (2026-06-27) : base B (clair, épuré,
   beaucoup de blanc) + touche A (néon réservé au CTA « étoile filante »,
   à la jauge de confiance et à la sélection active). Cf. prototype.
   Tout reste réversible : c'est une surcouche, on ne touche pas la base.
   ============================================================ */

:root{
  --engc-fond: #f6f9fc;      /* page plus claire et plus aérée */
  --engc-papier: #ffffff;
  --engc-trait: #e6ecf2;     /* hairline fine */
  --engc-radius: 14px;
  --engc-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}

/* --- Page : fond clair MAIS on garde les enseignes EN FILIGRANE (voile clair
   par-dessus la photo) → rendu premium et lumineux, pas vide (retour John). --- */
body{
  background:
    linear-gradient(180deg, rgba(244,248,252,.90), rgba(247,250,253,.955)),
    url("/static/fond-realisations.jpg") center top / cover fixed no-repeat !important;
}
body::after{ opacity: .02; }

/* --- Canal public = vente directe SANS compte : on masque le bandeau
   « Mode invité / Se connecter / Ouvrir un compte » (rendu en style inline sans
   classe → ciblé par sa signature de style unique « gap:2px 14px »). --- */
[style*="gap:2px 14px"]{ display: none !important; }

/* --- Carte centrale : plus d'air, coins plus doux, ombre légère --- */
.card{
  border: 1px solid var(--engc-trait);
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 12px 40px rgba(27,37,48,.07);
}
@media (max-width: 640px){
  .card{ padding: 22px 18px; border-radius: 0; }
}

/* --- Titres : un cran plus serrés/posés --- */
h1{ letter-spacing: -.4px; }

/* --- Barre d'étapes : segments LED un peu plus marqués (touche A) --- */
.steps div{ height: 5px; border-radius: 3px; background: #e3e9ef; }
.steps div.on{
  background: var(--engc-bleu);
  box-shadow: 0 0 8px var(--engc-bleu-glow);
}

/* --- Cartes produit : surfaces nettes, hover doux, sélection NÉON (touche A) --- */
.pcard{ border: 1px solid var(--engc-trait); border-radius: 14px; }
.pcard:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(27,37,48,.10);
}
.pcard.sel{
  box-shadow: 0 0 0 2px var(--engc-bleu), 0 0 22px rgba(46,134,181,.40);
}

/* --- Confiance / verdict : nombre en mono (côté instrument de précision) --- */
.verdict{ border-radius: 14px; }
.verdict-pct{ font-family: var(--engc-mono); letter-spacing: -.5px; }
.conf{ border-radius: 30px; }
.conf-chip{ font-family: var(--engc-mono); }

/* --- Badges produit : plus discrets sur fond clair --- */
.badge{ border-radius: 30px; }

/* --- Bloc enseigne : séparation douce --- */
.signblock{ border-radius: 14px; }

/* --- Le gros prix (total enseigne + total global) : chiffres en mono + halo néon
   discret (touche A). La classe .price-main est posée par WIZARD_JS ; la taille
   reste en inline, on ne surcharge que police/couleur/halo. --- */
.price-main{
  font-family: var(--engc-mono);
  color: var(--engc-bleu-fonce);
  letter-spacing: -.5px;
  text-shadow: 0 0 18px rgba(46,134,181,.18);
}
.price-main .muted{ font-family: var(--engc-mono); }

/* Le CTA « étoile filante » (.engc-led) garde son néon de la base : on n'y
   touche pas — c'est déjà la signature voulue. */

/* ============================================================
   Vente directe (John 2026-07-20) — bouton fixe « Je suis revendeur »
   (remplace le menu ☰ du canal pro, même emplacement que .engc-menu)
   ============================================================ */
.engc-revbtn{
  position: fixed; top: 26px; right: 64px; z-index: 1200;
  display: flex; align-items: center; gap: 8px;
  padding: 0 18px; height: 42px; text-decoration: none;
  border-radius: 999px; border: 1px solid rgba(46,134,181,.45);
  background: linear-gradient(135deg, var(--engc-bleu, #2e86b5), var(--engc-bleu-fonce, #205f82));
  color: #fff; font-family: 'Barlow Semi Condensed', 'Barlow', sans-serif;
  font-size: 15px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  box-shadow: 0 4px 14px rgba(27,37,48,.18), 0 0 16px rgba(46,134,181,.35);
  transition: box-shadow .15s ease, transform .12s ease, filter .15s ease;
}
.engc-revbtn:hover{
  transform: translateY(-1px); filter: brightness(1.06);
  box-shadow: 0 6px 20px rgba(27,37,48,.22), 0 0 26px rgba(46,134,181,.55);
}
.engc-revbtn .rb-ic{ font-size: 16px; line-height: 1; }
.engc-revbtn .rb-short{ display: none; }
@media (max-width: 640px){
  .engc-revbtn{ top: 22px; right: 54px; height: 38px; padding: 0 13px; font-size: 13.5px; }
  .engc-revbtn .rb-full{ display: none; }
  .engc-revbtn .rb-short{ display: inline; }
}
@media (prefers-reduced-motion: reduce){
  .engc-revbtn:hover{ transform: none; }
}

/* --- Page résultat (canal public) : carte « Professionnel / revendeur ? » --- */
.pubrev{
  margin: 22px 0 6px; padding: 18px 20px;
  border: 1px solid rgba(46,134,181,.30); border-radius: 14px;
  background: linear-gradient(135deg, rgba(46,134,181,.07), rgba(32,95,130,.05));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 6px 18px rgba(27,37,48,.05);
}
.pubrev-t{
  font-family: 'Barlow Semi Condensed', 'Barlow', sans-serif;
  font-weight: 700; font-size: 17px; color: var(--engc-bleu-fonce, #205f82);
  margin: 0 0 6px;
}
.pubrev p{ margin: 0 0 12px; font-size: 14px; line-height: 1.55; }
.pubrev .sec{ margin: 0; }