/* NADÈ — en-tête public et héros de l'accueil (préfixe ac-). */

/* ---------- En-tête ---------- */
.ac-entete{position:sticky;top:0;z-index:42;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(18,33,58,.08)}
.ac-barre{display:flex;align-items:center;gap:16px;min-height:64px;flex-wrap:nowrap;padding-block:0}
.ac-barre .marque b{font-size:20px}
.ac-menu{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.ac-menu a{position:relative;color:#3C4A60;font-weight:600;font-size:14.5px;padding:9px 13px;border-radius:99px;background:transparent;white-space:nowrap;transition:color .15s,background .15s}
.ac-menu a:hover{color:var(--enamel);background:rgba(22,64,122,.06)}
.ac-menu a.actif{color:var(--enamel);background:transparent}
.ac-menu a.actif::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2.5px;border-radius:2px;background:var(--laterite)}
.ac-actions{display:flex;align-items:center;gap:8px;margin-left:8px}
.ac-ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ac-compte{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;font-size:14px;color:#fff;background:var(--nuit);padding:9px 15px 9px 12px;border-radius:99px;box-shadow:0 4px 14px rgba(11,31,63,.18);transition:transform .15s,box-shadow .15s}
.ac-compte:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,31,63,.24)}
.ac-burger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(18,33,58,.12);background:#fff;cursor:pointer;padding:0;position:relative}
.ac-burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--nuit);transition:transform .22s,opacity .18s,top .22s}
.ac-burger span:nth-child(1){top:15px}.ac-burger span:nth-child(2){top:21px;right:17px}.ac-burger span:nth-child(3){top:27px}
.ac-burger[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.ac-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.ac-burger[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.ac-burger:focus-visible,.ac-compte:focus-visible,.ac-menu a:focus-visible,.ac-liste a:focus-visible{outline:3px solid var(--laterite);outline-offset:2px}

/* Feuille du menu (mobile) */
.ac-voile{position:fixed;inset:0;background:rgba(11,31,63,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s;z-index:39}
.ac-feuille{position:fixed;left:10px;right:10px;top:68px;max-height:calc(100dvh - 84px);overflow:auto;z-index:41;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(11,31,63,.28),0 2px 6px rgba(11,31,63,.08);padding:10px;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top right;transition:opacity .22s,transform .22s cubic-bezier(.2,.8,.2,1)}
.ac-voile.ac-vu{opacity:1}
.ac-feuille.ac-vu{opacity:1;transform:none}
.ac-liste{display:grid;gap:2px}
.ac-liste a{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:14px;text-decoration:none;color:var(--ink)}
.ac-liste a:hover{background:#F3F6FA}
.ac-liste a.actif{background:var(--enamel-2)}
.ac-pastille{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#F0F4F9;color:var(--enamel);flex:0 0 auto}
.ac-liste a.actif .ac-pastille{background:var(--enamel);color:#fff}
.ac-pastille .ac-ico{width:21px;height:21px}
.ac-txt{display:grid;gap:1px;min-width:0}
.ac-txt b{font:600 16px/1.25 var(--f-display);color:var(--nuit)}
.ac-txt small{font-size:13px;color:var(--muted);line-height:1.3}
.ac-feuille-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:12px 6px 4px;border-top:1px solid var(--line)}
.ac-btn-compte{display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:11px 18px;background:var(--nuit);border-color:var(--nuit)}
.ac-aide{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;text-decoration:none;padding:8px 10px}

@media (max-width:900px){
  .ac-menu{display:none}
  .ac-actions{margin-left:auto}
  .ac-burger{display:block}
  .ac-barre{min-height:60px}
  .ac-feuille{top:66px}
}
@media (max-width:420px){
  .ac-compte{padding:9px 12px}
  .ac-compte .ac-ico{display:none}
}
@media (min-width:901px){.ac-feuille,.ac-voile{display:none!important}}
html.ac-ouvert,html.ac-ouvert body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.ac-feuille,.ac-voile,.ac-burger span{transition:none}}

/* ---------- Héros ---------- */
.ac-hero{padding-block:clamp(36px,7vw,84px) clamp(44px,7vw,92px);background:radial-gradient(120% 90% at 92% 0%,#1E528F 0%,#123565 38%,var(--nuit) 78%)}
.ac-hero::after{display:none}
.ac-hero-grille{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,64px);align-items:center}
.ac-etiquette{display:inline-flex;align-items:center;gap:9px;font:600 12.5px/1 var(--f-body);letter-spacing:.06em;color:#DCE6F3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 13px;border-radius:99px}
.ac-point{width:7px;height:7px;border-radius:50%;background:#5FD39A;box-shadow:0 0 0 4px rgba(95,211,154,.18)}
.ac-hero h1{font-size:clamp(38px,6.2vw,64px);letter-spacing:-.02em;line-height:1.02;margin-top:18px}
.ac-lede{font-size:clamp(17px,1.9vw,19px)!important;line-height:1.5;color:#C9D5E6!important;max-width:40ch!important;margin-top:16px!important}
.ac-lede b{color:#fff;font-weight:600;white-space:nowrap}

.ac-recherche{position:relative;display:flex;align-items:center;gap:6px;max-width:580px;margin-top:26px;background:#fff;border:0!important;border-radius:20px!important;padding:7px 7px 7px 48px!important;box-shadow:0 22px 50px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.4)}
.ac-recherche:focus-within{outline:3px solid #F4A27A;outline-offset:3px}
.ac-loupe{position:absolute;left:16px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:var(--enamel);stroke-width:2.2;stroke-linecap:round}
.ac-recherche input{font:500 17px var(--f-body)!important;letter-spacing:0!important;padding:12px 4px!important;color:var(--ink)!important;min-width:0}
.ac-recherche input::placeholder{color:#8A96A8;opacity:1;font:500 17px var(--f-body)}
.ac-recherche .btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:13px 20px;background:var(--laterite);border-color:var(--laterite);font-weight:700;white-space:nowrap}
.ac-recherche .btn:hover{background:#B9521F;border-color:#B9521F}
.ac-recherche .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.ac-puces{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ac-puces a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 11px;border-radius:99px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .15s,border-color .15s}
.ac-puces a:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.ac-puces svg,.ac-sms svg{width:17px;height:17px;fill:none;stroke:#F4A27A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ac-sms{display:flex;align-items:center;gap:8px;margin-top:18px;color:#A9B8CF;font-size:14px}

/* La scène : un pan de mur, l'encadrement d'une porte, la plaque posée */
.ac-scene{margin:0;justify-self:center;width:100%;max-width:470px}
.ac-mur{position:relative;aspect-ratio:1.18/1;border-radius:28px;overflow:hidden;
  background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.35),transparent 55%),linear-gradient(160deg,#E9D8BE 0%,#DCC3A0 55%,#CFAF86 100%);
  box-shadow:0 40px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.25)}
.ac-mur::before{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(120,80,40,.18) 1px,transparent 1.2px);background-size:7px 7px}
.ac-porte{position:absolute;right:-3%;top:14%;bottom:-2%;width:27%;border-radius:120px 120px 0 0;background:linear-gradient(90deg,#123565,#16407A 55%,#0F2E58);box-shadow:inset 10px 0 0 #E5D2B4,inset 0 10px 0 #E5D2B4,-12px 10px 30px rgba(60,35,10,.25)}
.ac-poignee{position:absolute;left:22%;top:56%;width:11px;height:11px;border-radius:50%;background:#F4A27A;box-shadow:0 2px 3px rgba(0,0,0,.3)}
.ac-plaque{position:absolute!important;left:6%;top:30%;width:62%;max-width:none!important;transform:rotate(-2.5deg)!important;filter:drop-shadow(0 14px 18px rgba(60,35,10,.35)) drop-shadow(0 2px 2px rgba(0,0,0,.2))!important}
.ac-plaque svg{display:block;width:100%;height:auto}
.ac-scene figcaption{margin-top:14px;text-align:center;color:#A9B8CF;font-size:13.5px}

@media (max-width:900px){
  .ac-hero-grille{grid-template-columns:minmax(0,1fr)}
  .ac-scene{max-width:420px}
}
@media (max-width:560px){
  .ac-hero{padding-block:28px 40px}
  .ac-hero h1{font-size:40px;margin-top:16px}
  .ac-recherche{padding-left:42px!important;border-radius:18px!important}
  .ac-loupe{left:14px;width:20px;height:20px}
  .ac-recherche input,.ac-recherche input::placeholder{font-size:16px!important}
  .ac-recherche .btn{padding:13px 14px}
  .ac-recherche .btn span{display:none}
  .ac-puces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ac-puces a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 11px;border-radius:16px;font-size:13px;line-height:1.25;min-height:84px}
  .ac-puces svg{width:20px;height:20px}
  .ac-mur{aspect-ratio:1.3/1;border-radius:24px}
}
@media (min-width:901px){
  .ac-hero-grille{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
  .ac-puces{flex-wrap:nowrap}
  .ac-puces a{padding:9px 13px 9px 11px;font-size:13.5px}
}