/* ============================================================
   ACCUEIL BLEU CLAIR — v1.14.1 (14/11/2026, fil TYPO SITE)
   Prototype « Liquid glass » validé par Luc, version sobre : bleu ciel, verre discret,
   angles moins ronds, pas d'effets flottants. Chargé seulement si la page pose $pageBleu = true
   (index.php), à la place du thème sombre. Retour arrière : retirer $pageBleu dans index.php.
   ============================================================ */
body.pg-bleu{
  --sky:#eaf5fd;--sky-2:#cfe7f8;--sky-3:#a9d3f2;
  --paper:#e3f0fa;--white:#fff;--ink:#13263f;--muted:#4f6580;
  --line:rgba(31,58,95,.10);
  --hb-glass:rgba(255,255,255,.58);--hb-edge:rgba(255,255,255,.92);
  background:radial-gradient(80% 50% at 85% 0%,var(--sky-2) 0%,transparent 70%) no-repeat,var(--sky);
  color:var(--ink)}

/* en-tête : verre bleu clair dès le chargement */
body.pg-bleu header.solid{background:rgba(234,245,253,.82);box-shadow:0 1px 0 var(--line)}

/* ---------- haut de page ---------- */
.hb{padding:118px 0 34px}
.hb-box{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(18px,3vw,40px);padding:clamp(18px,3vw,34px);border-radius:20px;
  background:var(--hb-glass);border:1px solid var(--hb-edge);outline:1px solid var(--line);outline-offset:-1px;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 1px 2px rgba(31,58,95,.06),0 10px 28px rgba(31,58,95,.07)}
.hb-left{display:flex;flex-direction:column;gap:18px;min-width:0}
.hb-badge{align-self:flex-start;padding:5px 10px;border-radius:6px;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--marine);background:var(--sky-2);transition:background .2s}
.hb-badge:hover{background:var(--sky-3)}
.hb h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.hb h1 sup{font-size:.42em;font-weight:400;vertical-align:1em;color:var(--framboise)}
.hb-right{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.hb-right>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.6;max-width:44ch}
.hb-checks{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0;font-size:.88rem;font-weight:600;color:var(--ink)}
.hb-checks li{display:flex;align-items:center;gap:7px}
.hb-checks svg{color:var(--marine);flex:none}
.hb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.hb-btn{flex:1 1 240px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--marine);color:#fff;
  font-family:var(--body);font-weight:600;font-size:.98rem;padding:16px 24px;border-radius:10px;transition:background .2s}
.hb-btn:hover{background:var(--marine-deep)}
.hb-link{font-weight:700;font-size:.9rem;color:var(--marine);border-bottom:1.5px solid var(--sky-3);padding-bottom:2px}
.hb-link:hover{border-color:var(--marine)}
.hb-btn:focus-visible,.hb-link:focus-visible,.hb-badge:focus-visible{outline:2px solid var(--marine);outline-offset:3px}
.hb-note{margin:0;font-size:.76rem;color:var(--muted)}
.hb-note b{color:var(--framboise)}
.hb-visual{grid-column:1/-1;position:relative;border-radius:14px;overflow:hidden;min-height:clamp(240px,28vw,340px);
  border:1px solid var(--line);background:linear-gradient(180deg,#f4faff,var(--sky-2))}
.hb-arcs{position:absolute;inset:0;width:100%;height:100%;display:block}
.hb-stat,.hb-place{background:var(--hb-glass);border:1px solid var(--hb-edge);outline:1px solid var(--line);outline-offset:-1px;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(31,58,95,.08)}
.hb-stat{position:absolute;right:clamp(12px,2.4vw,28px);bottom:clamp(12px,2.4vw,28px);width:min(310px,60%);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.hb-num{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,4vw,2.9rem);line-height:1}
.hb-stat strong{font-family:var(--display);font-weight:600;font-size:.98rem}
.hb-stat p{margin:4px 0 0;font-size:.8rem;color:var(--muted);line-height:1.45}
.hb-place{position:absolute;left:clamp(12px,2.4vw,28px);bottom:clamp(12px,2.4vw,28px);padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.hb-place span{color:var(--muted);font-weight:500}
@media(max-width:900px){.hb-box{grid-template-columns:1fr}.hb{padding-top:100px}}
@media(max-width:560px){
  .hb-stat{position:relative;right:auto;bottom:auto;width:auto;margin:120px 12px 12px}
  .hb-place{top:12px;bottom:auto}
  .hb-visual{min-height:0}
}

/* ---------- bandeau défilant : discret ---------- */
body.pg-bleu .marquee{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}
body.pg-bleu .marquee-track{color:var(--muted);font-weight:600;font-size:.8rem}

/* ---------- titres de sections : plus sobres ---------- */
body.pg-bleu h2.title,body.pg-bleu .cta h2{font-weight:600;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.22;letter-spacing:-.01em}
body.pg-bleu h2.title em,body.pg-bleu .cta h2 em{font-style:normal;color:inherit}
body.pg-bleu .sec{padding:72px 0}
body.pg-bleu .btn{border-radius:8px}
body.pg-bleu .btn-primary:hover,body.pg-bleu .btn-dark:hover,body.pg-bleu .btn-outline:hover{transform:none;box-shadow:none}

/* ---------- souveraineté : clair ---------- */
body.pg-bleu .sov{background:transparent;color:var(--ink)}
body.pg-bleu .sov .title{color:var(--marine)}
body.pg-bleu .sov .sec-head p{color:var(--muted)}
body.pg-bleu .sov-card{background:var(--hb-glass);border:1px solid var(--hb-edge);outline:1px solid var(--line);outline-offset:-1px;border-radius:12px;box-shadow:0 8px 22px rgba(31,58,95,.06)}
body.pg-bleu .sov-card:hover{transform:none;background:#fff;border-color:var(--hb-edge)}
body.pg-bleu .sov-card .ico{background:var(--sky-2);color:var(--marine);border-radius:10px}
body.pg-bleu .sov-card h3{color:var(--marine)}
body.pg-bleu .sov-card p{color:var(--muted)}
body.pg-bleu .sov .btn-outline{color:var(--marine);border-color:var(--marine)}
body.pg-bleu .sov .btn-outline:hover{background:var(--marine);color:#fff}

/* ---------- expertises, chiffres, bandeau légal : cartes de verre clair ---------- */
body.pg-bleu .exp,body.pg-bleu .stat,body.pg-bleu .legal-strip-box{background:var(--hb-glass);border:1px solid var(--hb-edge);outline:1px solid var(--line);outline-offset:-1px;border-radius:12px}
body.pg-bleu .exp:hover,body.pg-bleu .stat:hover{transform:none;box-shadow:0 8px 22px rgba(31,58,95,.08);background:#fff}
body.pg-bleu .exp::before{display:none}
body.pg-bleu .exp .ico{border-radius:10px}
body.pg-bleu .adn{background:transparent}
body.pg-bleu .real{border-radius:12px}

/* ---------- conférence : panneau clair ---------- */
body.pg-bleu .cta{background:linear-gradient(180deg,#f4faff,var(--sky-2));color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.pg-bleu .cta h2{color:var(--marine)}
body.pg-bleu .cta p{color:var(--muted)}
body.pg-bleu .cta .badge{background:#fff;border-color:rgba(220,20,60,.35);color:var(--framboise)}
body.pg-bleu .cta-card{background:var(--hb-glass);border:1px solid var(--hb-edge);outline:1px solid var(--line);outline-offset:-1px;border-radius:12px}
body.pg-bleu .cta-card .ev-date{color:var(--framboise)}
body.pg-bleu .cta-card .ev-meta,body.pg-bleu .cta-card li{color:var(--muted)}
body.pg-bleu .cta-card h4{color:var(--marine)}
body.pg-bleu .cta-card li::before{color:var(--framboise)}

@media(prefers-reduced-motion:reduce){.hb-btn,.hb-badge{transition:none}}