/* Menu commun à toutes les pages (partials/menu.html). Classes préfixées « sb- » pour ne
   jamais entrer en conflit avec le style propre à chaque page. */
.sb{
  --sb-paper:#FBFAF5;--sb-ink:#1B2140;--sb-ink-soft:#3c4163;--sb-lav-deep:#8a7fc0;--sb-peach:#E7CDB0;
  --sb-line:rgba(27,33,64,.08);
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--sb-paper) 86%,transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--sb-line);
  font-family:"Hanken Grotesk",system-ui,sans-serif;
  /* neutralise les règles génériques « header {…} » de certaines pages d'articles */
  margin:0;padding:0;text-align:left;font-size:16px;line-height:1.5;font-weight:400;
}
.sb *{box-sizing:border-box;}
.sb a{text-decoration:none;}
.sb-inner{max-width:1180px;margin:0 auto;padding:0 clamp(24px,5vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px;}
.sb-mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:23px;font-weight:600;
  letter-spacing:.01em;white-space:nowrap;color:var(--sb-ink);line-height:1;}
.sb-dot{color:var(--sb-lav-deep);}

.sb-nav{display:flex;gap:34px;align-items:center;}
.sb-nav a{font-size:13.5px;color:var(--sb-ink-soft);letter-spacing:.02em;white-space:nowrap;transition:color .25s;}
.sb-nav a:not(.sb-cta){position:relative;padding-bottom:4px;}
.sb-nav a:not(.sb-cta)::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;
  background:var(--sb-lav-deep);transition:width .28s ease;}
.sb-nav a:not(.sb-cta):hover,.sb-nav a.actif{color:var(--sb-ink);}
.sb-nav a:not(.sb-cta):hover::after,.sb-nav a.actif::after{width:100%;}
.sb-nav .sb-cta{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--sb-ink);border-radius:2px;padding:9px 17px;color:var(--sb-ink);
  transition:background .25s,color .25s;}
.sb-nav .sb-cta:hover{background:var(--sb-ink);color:var(--sb-paper);}
.sb-nav .sb-cta-grand{background:var(--sb-peach);margin-left:-20px;}
@media(max-width:1150px){
  .sb-nav{gap:24px;}
  .sb-nav .sb-cta{padding:9px 12px;font-size:12px;}
  .sb-nav .sb-cta-grand{margin-left:-12px;}
}

.sb-burger{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;cursor:pointer;background:none;border:none;padding:4px;}
.sb-burger span{display:block;height:2px;background:var(--sb-ink);border-radius:2px;transition:transform .3s,opacity .3s;}
.sb-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sb-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.sb-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Le menu mobile est hors du <header> : le backdrop-filter de .sb l'y enfermerait. */
.sb-mobile{
  --sb-paper:#FBFAF5;--sb-ink:#1B2140;--sb-ink-soft:#3c4163;--sb-lav-deep:#8a7fc0;--sb-peach:#E7CDB0;
  --sb-line:rgba(27,33,64,.08);
  box-sizing:border-box;text-align:left;line-height:1.5;}
.sb-mobile a{text-decoration:none;}
.sb-mobile{display:none;position:fixed;inset:0;top:68px;z-index:49;overflow-y:auto;
  background:var(--sb-paper);padding:32px 26px;flex-direction:column;gap:8px;border-top:1px solid var(--sb-line);}
.sb-mobile.ouvert{display:flex;}
.sb-mobile a{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:500;
  color:var(--sb-ink-soft);padding:14px 0;border-bottom:1px solid var(--sb-line);}
.sb-mobile a.actif{color:var(--sb-ink);}
.sb-mobile a.sb-cta{margin-top:16px;border:2px solid var(--sb-lav-deep);border-radius:3px;text-align:center;
  padding:14px;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:14px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--sb-lav-deep);}
.sb-mobile a.sb-cta-grand{background:var(--sb-peach);color:var(--sb-ink);border-color:var(--sb-ink);}

@media(max-width:1000px){
  .sb-nav{display:none;}
  .sb-burger{display:flex;}
}
@media print{.sb{display:none !important;}}