/* ================= V4 « MIX » : charte du board + mises en page claires de la v2 =================
   - En-tête clair façon « Liquid glass » (verre dépoli, reflets, segment d'onglets).
   - Débuts de page des activités : format v2 (clair, photo, macaron) habillé de la charte.
   - Plomberie : bleu #2457A7 / bleu brume #DCEAFB. Électricité : vert #176B57 / vert sauge #E0F0EA. */
:root{--blue:#2457A7;--blue-soft:#DCEAFB;--gold:#6F9BE8;--accent-rgb:36,87,167;--gold-deep:#2457A7;--sand:#F4F5F7;--line:#E7E9EC;--muted:#5A5F67;
  --plomb:#2457A7;--plomb-soft:#DCEAFB;--elec:#8A6500;--elec-line:#F2C230;--elec-soft:#FFF4D1}

/* ---------- En-tête « Liquid glass » ---------- */
.site-head{top:calc(env(safe-area-inset-top,0px) + 10px);margin:10px clamp(10px,2vw,22px) 0;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.7));
  backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(17,17,17,.05),0 10px 34px -12px rgba(17,17,17,.18),0 1px 3px rgba(17,17,17,.06)}
.site-head::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(120% 140% at 12% -40%,rgba(255,255,255,.85),rgba(255,255,255,0) 46%),radial-gradient(80% 120% at 100% 140%,rgba(var(--accent-rgb),.07),transparent 60%)}
.topbar{background:transparent!important;border:0!important;color:var(--muted)}
.topbar-in{min-height:44px;padding-top:6px;padding-inline:clamp(10px,1.6vw,18px)}
.universes{gap:3px;padding:3px;border-radius:999px;background:rgba(17,17,17,.055);box-shadow:inset 0 1px 2px rgba(17,17,17,.07);align-self:center}
.uni{border-radius:999px;padding:7px 15px;color:var(--muted)!important;font-size:13px}
.uni b{color:var(--ink)!important}
.uni:hover{background:rgba(255,255,255,.55)!important;color:var(--ink)!important}
.uni.active{background:rgba(255,255,255,.95)!important;box-shadow:0 2px 8px -2px rgba(17,17,17,.18),inset 0 1px 0 #fff}
.uni.active::after{display:none}
.uni-plomb{--uni-c:var(--plomb)!important}.uni-salon{--uni-c:#C99A00!important}
.topbar-right a{color:var(--muted)!important}.topbar-right a:hover,.topbar-right a.current{color:var(--ink)!important}
.nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;height:66px;padding-inline:clamp(14px,2vw,24px)}
.scrolled .nav{height:60px}
.site-head .logo{color:var(--ink)!important}
.navlinks{color:var(--muted)!important}
.navlinks a:hover,.navlinks a.current{color:var(--ink)!important}
.navlinks a::after{background:var(--blue)!important}
.menu-btn{background:rgba(255,255,255,.6)!important;border-color:rgba(17,17,17,.1)!important;color:var(--ink)!important}
.nav .btn-primary{background:var(--ink)!important;color:#fff!important;border-radius:999px}
.nav .btn-primary:hover{background:var(--blue)!important}
.mobile-menu{top:calc(100% + 8px)!important;border-radius:20px;border:1px solid rgba(255,255,255,.8)!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 24px 50px -20px rgba(17,17,17,.3)!important}
@media (max-width:760px){
  .site-head{margin:8px 8px 0;border-radius:18px;top:calc(env(safe-area-inset-top,0px) + 8px)}
  .topbar-in{padding:6px 8px 0}
  .universes{flex:1}
  .uni{padding:8px 6px}
}

@media (max-width:760px){.site-head{background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,255,255,.86))}}
/* ---------- Débuts de page des activités : format v2, habillage charte ---------- */
.hero{background:var(--paper);padding-top:clamp(28px,4.5vw,64px)!important}

.hero .eyebrow{color:var(--blue)}
.hero h1{font-size:clamp(34px,4.1vw,56px);line-height:1.06}
.hero h1 .l2{display:block}
.hero .rot span{color:var(--ink)}
.hero .btn-ghost{border-radius:999px}
.hero .btn-urgence{padding:15px 24px}
.hero-photo{border-radius:var(--r-md)!important}
.hero-visual.corners::before,.hero-visual.corners::after{z-index:3}
.hero-visual.corners::before{left:-12px;top:-12px}
.hero-visual.corners::after{right:-12px;bottom:-12px}
.float-card{border-radius:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px -18px rgba(17,17,17,.35),inset 0 1px 0 #fff}
.float-card .ic{background:var(--blue-soft)!important;color:var(--blue)!important}
.hero-meta svg{color:var(--blue)!important}
.figures{border-top-color:rgba(17,17,17,.08)}
.figure strong sup{color:var(--blue)}
.coin-face{background:radial-gradient(circle at 32% 28%,#2E3238,var(--ink) 62%)}
.coin-face .core small,.coin-face .ring{color:#fff}
.coin-face .core-ic{color:#fff}

/* ---------- Accueil : deux portes claires, chacune sa couleur ---------- */
.door-plomb{--d-c:var(--plomb);--d-soft:var(--plomb-soft)}
.door-salon{--d-c:var(--elec);--d-soft:var(--elec-soft);--d-line:var(--elec-line)}
.door{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-top:3px solid var(--d-line,var(--d-c))!important}
.door .door-kicker,.door .door-cta,.door .door-title em{color:var(--d-c)!important}
.door-photo .c-badge{left:16px;bottom:16px}