/* Al Quadrato — menu mobile partilhado + correção de overflow do header.
   Carregado depois do <style> inline de cada página; unifica o comportamento
   mobile de TODAS as páginas num único breakpoint (960px). */

@media (max-width:960px){
  /* Esconde a navegação desktop e o botão "Réserver" do header em todas as
     páginas (o botão passa a viver dentro do drawer) — corrige o overflow
     horizontal de ~55px que existia nas sub-páginas. */
  .navlinks{display:none !important;}
  .nav-right > .btn{display:none !important;}
  .menutoggle{display:block !important;}
}

/* ---- Drawer de navegação mobile (construído por mobile-nav.js) ---- */
.mnav-overlay{
  position:fixed; inset:0; z-index:200;
  background:rgba(28,20,12,.55);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .3s ease;
}
.mnav-overlay.open{opacity:1; visibility:visible;}

.mnav-panel{
  position:fixed; top:0; right:0; z-index:201;
  height:100%; width:min(82vw,340px);
  background:var(--parchment,#f3e9d5); color:var(--pietra,#2c2419);
  box-shadow:-20px 0 60px -20px rgba(0,0,0,.5);
  transform:translateX(100%); transition:transform .34s cubic-bezier(.16,1,.3,1);
  display:flex; flex-direction:column;
  padding:76px 26px 30px;
}
.mnav-overlay.open .mnav-panel{transform:none;}

.mnav-close{
  position:absolute; top:18px; right:20px;
  background:none; border:0; font-size:2rem; line-height:1;
  color:var(--pietra,#2c2419); cursor:pointer;
}

.mnav-panel a.mnav-link{
  display:block; font-family:var(--disp,Georgia,serif);
  font-size:1.4rem; padding:15px 0; min-height:48px;
  border-bottom:1px solid var(--line,rgba(44,36,25,.16));
  color:inherit; text-decoration:none;
}
.mnav-panel a.mnav-link.on{color:var(--peperoncino,#b5231f);}
.mnav-panel a.mnav-link:hover{color:var(--peperoncino,#b5231f);}

.mnav-cta{margin-top:auto; padding-top:22px;}
.mnav-cta .btn{display:block; width:100%; text-align:center; padding:15px 24px;}

body.mnav-lock{overflow:hidden;}

/* RTL (árabe): drawer entra da esquerda */
html[dir=rtl] .mnav-panel{right:auto; left:0; transform:translateX(-100%);}
html[dir=rtl] .mnav-overlay.open .mnav-panel{transform:none;}
html[dir=rtl] .mnav-close{right:auto; left:20px;}

@media (prefers-reduced-motion:reduce){
  .mnav-overlay,.mnav-panel{transition:none;}
}