/* =====================================================================
   Pages intérieures — thème « Indigo » de l'accueil (08/11/2026)
   Blanc doux, texte marine, indigo électrique, police Plus Jakarta Sans.
   Ancienne version (bandeau bleu, Poppins) : style-appli-v2-avant-indigo.css
   Chargé APRÈS le style propre à chaque page : il le remplace.
   Composants communs préfixés ek- (aucun conflit avec les classes des pages).
   Ne touche NI à l'aperçu / PDF de la facture NI au CV généré.
   Après toute modification : augmenter VERSION dans appliquer.py.
   ===================================================================== */
:root{
  --ek-bg:#F5F3EF;--ek-bg2:#EDEAE4;--ek-text:#0A2540;--ek-muted:#566479;--ek-line:#E4E0D8;
  --ek-blue:#533AFD;--ek-blue2:#4B33E6;--ek-soft:#ECEAFF;--ek-soft2:#DDD7FF;--ek-bord:#B9AEFF;
  --ek-green:#16A34A;--ek-g1:#7C6CFF;--ek-g2:#5EE7F5;--ek-g3:#C9B8FF;
  --ek-shadow:0 1px 2px rgba(10,37,64,.05),0 12px 32px -14px rgba(10,37,64,.12);
  /* variables utilisées par les pages (anciens noms) */
  --p:#533AFD;--p2:#4B33E6;--grad:linear-gradient(135deg,#533AFD,#7C6CFF);
  --bg:#F5F3EF;--ink:#0A2540;--gray:#566479;--line:#E4E0D8;--wa:#16A34A;
  --peche:#ECEAFF;--peche-bord:#DDD7FF;
  /* outils PDF et paiement */
  --nuit:#141046;--roi:#533AFD;--roi2:#4B33E6;--clair:#ECEAFF;--ligne:#E4E0D8;--gris:#566479;--fond:#F5F3EF;
}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--ek-bg);color:var(--ek-text);-webkit-font-smoothing:antialiased;padding-bottom:0}
h1,h2,h3,h4,.card-title,.card-head,.result-total{font-family:inherit}
/* la facture garde sa police (aperçu A4 et PDF identiques à avant) */
.invoice h1,.invoice h2,.invoice h3,.invoice h4{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.back{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #A99BFF;outline-offset:2px}

/* ----- Haut de page clair, halo indigo / turquoise (comme l'accueil) ----- */
.ek-top{position:relative;overflow:hidden;isolation:isolate;background:var(--ek-bg);color:var(--ek-text);padding-bottom:30px;text-align:left}
.ek-top::before{content:"";position:absolute;inset:-40% -10% 0 -10%;z-index:-1;pointer-events:none;opacity:.42;filter:blur(60px);
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);
  background:radial-gradient(38% 46% at 12% 22%,var(--ek-g1),transparent 70%),radial-gradient(34% 42% at 88% 8%,var(--ek-g2),transparent 70%),radial-gradient(40% 50% at 62% 70%,var(--ek-g3),transparent 70%)}
.ek-in{max-width:var(--w,760px);margin:0 auto;padding:0 16px}
.ek-bar{display:flex;align-items:center;gap:10px;height:68px}
.ek-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.02em;margin-right:auto;color:var(--ek-text);text-decoration:none;white-space:nowrap;min-width:0}
.ek-brand img{width:36px;height:36px;border-radius:11px;object-fit:cover;display:block;flex:none}
.ek-round{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--ek-line);color:var(--ek-text);flex:none;text-decoration:none;transition:background .15s,transform .15s}
.ek-round:hover{background:var(--ek-bg2)}
.ek-round.ek-wa{background:var(--ek-blue);border-color:var(--ek-blue);color:#fff;box-shadow:0 8px 24px -8px rgba(83,58,253,.7)}
.ek-round.ek-wa:hover{background:var(--ek-blue2);transform:translateY(-1px)}
.ek-ic{width:20px;height:20px;flex:none}
.ek-hello{padding-top:18px}
.ek-kicker{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--ek-line);font-size:13px;font-weight:700;color:var(--ek-muted);margin:0 0 14px}
.ek-hello h1{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.06;margin:0;color:var(--ek-text)}
.ek-desc{font-size:16.5px;color:var(--ek-muted);margin:12px 0 0;max-width:600px;line-height:1.55}
.ek-top + main.wrap{margin-top:0;position:relative}

/* ----- Cartes blanches ----- */
.card{background:#fff;border:1px solid var(--ek-line);border-radius:24px;box-shadow:var(--ek-shadow)}
.card-title,.card-head{font-size:17px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ek-text)}
.card-title{margin-bottom:16px}
.card h2{color:var(--ek-text);letter-spacing:-.02em}
.notice{background:var(--ek-soft);border-left:0;border-radius:16px;color:#2A1F8F}
.result-card{background:var(--ek-soft);border:0;border-radius:22px;box-shadow:none}
.result-title{color:var(--ek-blue2)}
.result-row{border-bottom-color:var(--ek-soft2)}
.result-total{color:var(--ek-text)}

/* ----- Choix, onglets, étapes ----- */
.chip{border-radius:12px;border:1.5px solid var(--ek-line)}
.chip:hover{border-color:var(--ek-bord);color:var(--ek-blue2)}
.chip.active,.swatch.active{box-shadow:none}
.chip.active{background:var(--ek-blue);border-color:var(--ek-blue);color:#fff}
.onglets{border:1px solid var(--ek-line);border-radius:18px;box-shadow:none}
.onglet{border-radius:13px}
.onglet.actif{background:var(--ek-blue);color:#fff}
.step-num{background:var(--ek-blue);box-shadow:none}
.site-tag,.pay-item,.cat,.use,.addr,.sitem{border-color:var(--ek-line);border-radius:16px}
.site-tag:hover,.cat:hover{background:var(--ek-soft);border-color:var(--ek-bord)}
.conv-box{background:var(--ek-soft);border:0;border-radius:18px}
.conv-ic{background:var(--ek-blue)}
.mode{border-radius:16px}
.mode.on .mode-ic{background:var(--ek-blue);border-color:var(--ek-blue)}

/* ----- Champs ----- */
main input:focus,main select:focus,main textarea:focus{border-color:var(--ek-blue);box-shadow:0 0 0 3px rgba(83,58,253,.18)}

/* ----- Boutons ----- */
.btn-wa,.live-wa{background:var(--ek-green);border-radius:999px;font-weight:700}
.btn-wa .ek-ic{width:22px;height:22px}
.live-btn{border-radius:999px;font-weight:700}
.live-btn .ek-ic{width:18px;height:18px}
.live-tel{border:0;background:var(--ek-bg)}
.live{border-radius:24px}

/* ----- Couleurs bleues écrites dans les pages → indigo ----- */
/* convertisseur, recharge de jeux */
.tk-min{color:#2A1F8F}
.coins{border-bottom-color:var(--ek-soft2)}
.pack:hover{border-color:var(--ek-bord)}
.pack.active{box-shadow:0 0 0 3px rgba(83,58,253,.15);background:#F7F6FF}
/* facture : formulaire seulement (l'aperçu A4 / PDF n'utilise aucune de ces couleurs) */
.mode:hover,.chip:hover{border-color:var(--ek-bord)}
.mode.on{box-shadow:0 0 0 3px rgba(83,58,253,.14)}
.autre{border-color:var(--ek-bord);background:#F7F6FF}
.tg input:focus-visible+.tgs{box-shadow:0 0 0 3px rgba(83,58,253,.28)}
.add-it,.drop{border-color:var(--ek-bord)}
input.sr:focus-visible+.drop{box-shadow:0 0 0 3px rgba(83,58,253,.28)}
.astuce{color:#2A1F8F}
/* problème résolu : la demande de rendez-vous part sur WhatsApp (plus de paiement) */
.rdv-envoi{margin-top:18px}
.rdv-wa{width:100%;min-height:54px;background:var(--ek-green);border-radius:999px;font-size:15.5px;box-shadow:0 8px 22px -10px rgba(22,163,74,.7)}
.rdv-wa .ek-ic{width:22px;height:22px}
.rdv-note{font-size:12.5px;color:var(--ek-muted);margin:10px 0 0;text-align:center;line-height:1.5}
.rdv-lien{color:var(--ek-blue2);font-weight:700;font-size:13.5px}
/* magasin : bouton Google Maps (bleu Google → indigo, comme les autres boutons) */
.btn-maps{background:var(--ek-blue);border-radius:999px;box-shadow:0 8px 24px -10px rgba(83,58,253,.7)}
/* outils PDF et scanner */
.carte:hover{border-color:#CFC7FF}
.carte:focus-visible{outline-color:#A99BFF}
.tuile{border-color:var(--ek-soft2)}
.depot{border-color:var(--ek-bord)}
.depot:hover,.depot.survol{background:var(--ek-soft2)}
.scan-zone polygon{fill:rgba(83,58,253,.14);stroke:#533AFD}
.coin:active{background:rgba(83,58,253,.35)}
.seo .liens a:hover{border-color:#CFC7FF;color:var(--ek-blue2)}

/* ----- Pied de page ----- */
.dev-foot{display:none}
.ek-foot{text-align:center;color:var(--ek-muted);font-size:13.5px;line-height:1.5;padding:26px 16px 44px;margin-top:28px;border-top:1px solid var(--ek-line)}
.ek-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}
.ek-foot a{color:inherit;text-decoration:none;font-weight:600}
.ek-foot a:hover{color:var(--ek-blue2)}
.ek-foot p{margin:8px 0 0}

/* ----- Pages à en-tête .hd (outils PDF, paiement) ----- */
.ek-b{padding-bottom:10px}
.ek-b .hd,.ek-b .hero{background:transparent;color:var(--ek-text)}
.ek-b .hd .in{height:68px;padding-top:0;padding-bottom:0}
.ek-b .hd a.logo{color:var(--ek-text);font-weight:800;letter-spacing:-.02em}
.ek-b .hd a.logo img{width:36px;height:36px;border-radius:11px}
.ek-b .hd-lien,.ek-b .lang{background:#fff;border:1px solid var(--ek-line);color:var(--ek-text);border-radius:99px;padding:8px 16px;font-weight:700}
.ek-b .hd-lien:hover,.ek-b .lang:hover{background:var(--ek-bg2)}
.ek-b .hero .in{padding-top:18px}
.ek-b .hero h1{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.04em;line-height:1.06;color:var(--ek-text);margin-bottom:12px}
.ek-b .hero p{opacity:1;color:var(--ek-muted);font-size:16.5px;line-height:1.55}
.ek-b .atouts li,.ek-b .etape{background:rgba(255,255,255,.8);border:1px solid var(--ek-line);color:var(--ek-text)}
.ek-b .atouts .ic{color:var(--ek-blue2)}
.ek-b .etape em{color:var(--ek-muted)}
.ek-b .etape b em{color:var(--ek-text)}
.ek-b .etape b span{background:var(--ek-blue);color:#fff}

/* ----- CV ATS : son en-tête devient le haut de page ----- */
header.ek-cv{background:var(--ek-bg);color:var(--ek-text);padding:0 0 26px;margin-bottom:1rem;border:0;border-radius:0;box-shadow:none;text-align:left}
.ek-cv .language-selector{position:static;display:flex;gap:6px}
.ek-cv .lang-btn{background:#fff;border:1px solid var(--ek-line);color:var(--ek-text);border-radius:99px;padding:8px 13px;font-weight:700;font-family:inherit}
.ek-cv .lang-btn:hover{background:var(--ek-bg2)}
.ek-cv .lang-btn.active{background:var(--ek-blue);border-color:var(--ek-blue);color:#fff}
.ek-cv .ek-hello h1{padding:0;margin-bottom:0}
.ek-cv .ek-desc{padding:0}
.form-section,.preview-section{border:1px solid var(--ek-line);border-radius:24px;box-shadow:var(--ek-shadow)}
.section-title{color:var(--ek-text);border-bottom-color:var(--ek-line);font-weight:800;letter-spacing:-.02em}
.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--ek-blue);box-shadow:0 0 0 3px rgba(83,58,253,.18)}
.form-section .btn{border-radius:999px}
.btn-generate{background-color:var(--ek-blue)}
.btn-generate:hover{background-color:var(--ek-blue2)}
.btn-add{background-color:var(--ek-soft);color:var(--ek-blue2)}
.btn-add:hover{background-color:var(--ek-soft2)}
.btn-example{background-color:#fff;color:var(--ek-text);border:1px solid var(--ek-line)}
.btn-example:hover{background-color:var(--ek-bg2)}

/* ----- Téléphone ----- */
@media (max-width:760px){
  .ek-brand{font-size:15px}
  .ek-desc,.ek-b .hero p{font-size:15.5px}
  .card{border-radius:20px}
}
@media (max-width:360px){.ek-brand{font-size:14px}}
@media print{.ek-top,.ek-foot{display:none!important}}
@media (prefers-reduced-motion:reduce){.ek-round,.chip{transition:none}}