/* ───────── Drimo — refinamentos de restaurante (nav + contato) ───────── */

/* 1 · Âncoras não somem mais atrás do menu fixo */
section[id], header[id]{ scroll-margin-top: 88px; }

/* 1 · Link da seção ativa em destaque no menu */
.nav-links a.active{ color:var(--cream); }
.nav-links a.active::after{ width:100%; }

/* 3 · Horário por dia — legível e elegante */
.info .ir-hours{ align-items:start; }
.info .hours{ display:flex; flex-direction:column; }
.info .hours .hrow{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  padding:11px 0; border-bottom:1px solid var(--line);
}
.info .hours .hrow:first-child{ border-top:1px solid var(--line); }
.info .hours .hrow .day{ font-family:var(--body); font-size:14.5px; color:var(--cream-dim); letter-spacing:.01em; }
.info .hours .hrow .hr{ font-family:var(--display); font-size:21px; color:var(--cream); font-variant-numeric:oldstyle-nums; white-space:nowrap; }
.info .hours .hrow .closed{ color:var(--cream-faint); font-style:italic; font-size:18px; }
/* hoje em destaque sutil */
.info .hours .hrow.today .day{ color:var(--gold-soft); }
.info .hours .hrow.today .hr{ color:var(--gold-soft); }
.info .hours .hgroup{ font-family:var(--body); font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-soft); margin:20px 0 4px; }
.info .hours .hgroup:first-child{ margin-top:0; }

/* 2/3 · Endereço com link "Como chegar" */
.info .v .maplink{ display:inline-flex; margin-top:14px; font-size:12px; }

/* Algarismos old-style nos blocos de informação */
.info .ir .v, .footer .fcol p{ font-variant-numeric:oldstyle-nums; }

/* links de seta não quebram linha */
.link-gold{ white-space:nowrap; }

/* ── Legibilidade do menu sobre heroes claros (Imersivo / Risotos) ── */
.nav::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg, rgba(20,12,6,.6) 0%, rgba(20,12,6,.2) 58%, transparent 100%);
  opacity:1; transition:opacity .5s var(--ease); }
.nav.scrolled::before{ opacity:0; }
/* hairline e emblema do Imersivo com sombra p/ contraste sobre a foto */
.hero-b .hairline{ text-shadow:0 1px 10px rgba(20,12,6,.85); }
.hero-b::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(78% 52% at 50% 44%, rgba(20,12,6,.5), transparent 72%); }

/* ── Hero responsivo (novas variantes Pórtico / Vitrine) ── */
@media (max-width:1000px){
  .hero-a{ flex-direction:column; align-items:stretch; gap:0; padding:0; min-height:auto; }
  .hero-a .media{ order:-1; flex:none; width:100%; height:42vh; min-height:280px; }
  .hero-a .media img{ height:100%; }
  .hero-a .panel{ flex:none; width:100%; max-width:none; justify-content:flex-start; gap:clamp(16px,2.4vw,24px); padding:clamp(40px,6vh,64px) var(--gutter) clamp(46px,7vh,66px); }
  .hero-a .panel::after{ display:none; }
  .hero-a .panel .wm{ font-size:clamp(56px,15vw,92px); }
  .hero-a .panel .meta{ margin-top:clamp(24px,3.5vh,38px); }
  .hero-c .plaque{ max-width:none; width:100%; }
}