/* Le menu du site, le même sur toutes les pages (repris de l'accueil) : liens, bouton Réserver, et le menu
   « burger » sous 780 px. Les règles sont limitées à .hd-site pour ne rien changer au reste des pages.
   Les couleurs sont celles de toutes les feuilles du site (--bg2, --card, --line, --line2, --ink, --dim, --orange…). */
.hd-site{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:rgba(27,22,16,.85);border-bottom:1px solid var(--line)}
/* La même largeur que l'accueil (--maxw : 1120 px), quelle que soit la feuille de la page */
.hd-site>.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.hd-site .nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.hd-site .brand{display:flex;align-items:center;gap:10px}
.hd-site .brand img{height:40px;width:auto}
.hd-site .nav-links{display:flex;gap:28px;font-size:14px;color:var(--dim)}
.hd-site .nav-links a{color:inherit;text-decoration:none}
.hd-site .nav-links a:hover,.hd-site .nav-links a.on{color:var(--ink)}
.hd-site .nav-right{display:flex;align-items:center;gap:12px}
.hd-site .burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid var(--line2);border-radius:11px;background:var(--card);cursor:pointer;padding:0}
.hd-site .burger span{display:block;width:19px;height:2px;background:var(--ink);margin:0 auto;transition:transform .25s,opacity .2s}
.hd-site .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hd-site .burger.open span:nth-child(2){opacity:0}
.hd-site .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav-site{display:none;position:fixed;left:0;right:0;top:70px;z-index:40;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 24px 24px;box-shadow:0 26px 40px rgba(0,0,0,.45);transform:translateY(-118%);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.mnav-site.open{transform:translateY(0)}
.mnav-site a{padding:15px 2px;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line);font-weight:600;text-decoration:none}
.mnav-site a.on{color:var(--orange)}
.mnav-site a.btn{margin-top:16px;justify-content:center;width:100%;border-bottom:none;color:var(--orange-ink)}
@media (max-width:780px){
  .hd-site .nav-links{display:none}
  .hd-site .burger{display:flex}
  .mnav-site{display:flex}
  .hd-site .nav{gap:10px}
  .hd-site .brand img{height:34px}
  .hd-site .nav-right{gap:8px}
  .hd-site .nav-right .btn-p{padding:10px 15px;font-size:14px}
}
@media (max-width:560px){.hd-site>.wrap{padding:0 18px}}
@media (prefers-reduced-motion:reduce){.mnav-site,.hd-site .burger span{transition:none}}