/* Menu fixe partagé : autonome, fonctionne aussi sur savethedate.html */
.bar{--b-creme:#F7F1E6;--b-nuit:#1F2433;--b-violet:#7A5CA8;--b-rouge:#C8302F;position:sticky;top:0;z-index:100;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem 1.5rem;padding:calc(.7rem + env(safe-area-inset-top,0px)) clamp(16px,4vw,48px) .7rem;background:rgba(247,241,230,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(31,36,51,.12);font-family:Jost,system-ui,sans-serif;text-align:left}
.bar *{box-sizing:border-box}
/* Nom : même traitement que le faire-part (Fraunces léger, & en italique) */
.bar .brand{font:300 1.5rem/1.1 Fraunces,Georgia,serif;letter-spacing:-.01em;color:var(--b-nuit);text-decoration:none;white-space:nowrap}
.bar .brand em{font-style:italic;color:var(--b-violet);padding:0 .12em}
.bar nav{display:flex;align-items:center;gap:.2rem 1.6rem;font-size:.95rem}
.bar nav a{color:var(--b-nuit);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent;white-space:nowrap}
.bar nav a:hover,.bar nav a[aria-current]{border-color:var(--b-rouge)}
.bar nav a.rsvp{border:2px solid var(--b-violet);color:var(--b-violet);padding:.45rem 1.2rem;font-weight:500;letter-spacing:.03em}
.bar nav a.rsvp:hover,.bar nav a.rsvp[aria-current]{background:var(--b-violet);color:var(--b-creme);border-color:var(--b-violet)}
.bar a:focus-visible{outline:3px solid var(--b-rouge);outline-offset:3px}
/* Pages plein écran (accueil, faire-part) : menu superposé à l'image */
body.home .bar,body.fixbar .bar{position:fixed;left:0;right:0}
@media (max-width:720px){.bar nav{width:100%;overflow-x:auto;gap:1.2rem;padding-bottom:.2rem}}