/*
 * NA LENHA — Enterprise Experience Layer v1
 * 04/09/2026
 *
 * ESCOPO ESTRITO:
 *   html.nalenha-cardapio -> /cardapio/nalenha
 *   html.nalenha-site     -> /restaurante/nalenha
 *
 * Nenhuma regra abaixo atua sem uma dessas duas classes. Zero impacto em outros tenants.
 */

html.nalenha-cardapio,
html.nalenha-site{
  --nl-fire:#ff641f;
  --nl-amber:#f58220;
  --nl-cream:#fff4e5;
  --nl-muted:#bfa991;
  --nl-ink:#090604;
  --nl-panel:#17100b;
  --nl-line:rgba(245,130,32,.18);
  --nl-glass:rgba(16,9,5,.72);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html.nalenha-cardapio body{
  overscroll-behavior:none;
  background:#090604!important;
}
html.nalenha-cardapio #root{
  isolation:isolate;
  background:#090604;
}
html.nalenha-cardapio #root>div{
  isolation:isolate;
  background:
    radial-gradient(95% 58% at 50% 50%,rgba(57,25,8,.52) 0%,rgba(16,8,4,.78) 52%,#070403 100%)!important;
}
html.nalenha-cardapio button,
html.nalenha-cardapio a,
html.nalenha-site button,
html.nalenha-site a{
  -webkit-tap-highlight-color:transparent;
}

/* ──────────────────────────────────────────────────────────────
   MOBILE — experiência imersiva: cenário vertical vivo, sem tarjas
   ────────────────────────────────────────────────────────────── */
@media (max-width:640px){
  /* O panorama original continua intacto. Esta camada só ocupa as áreas que antes ficavam pretas. */
  html.nalenha-cardapio #root>div::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(48% 34% at 8% 11%,rgba(255,91,20,.32) 0%,rgba(179,47,5,.13) 42%,transparent 76%),
      radial-gradient(46% 30% at 93% 84%,rgba(245,130,32,.28) 0%,rgba(143,39,5,.12) 44%,transparent 76%),
      radial-gradient(36% 20% at 62% 3%,rgba(255,187,91,.13),transparent 72%),
      linear-gradient(180deg,#100704 0%,#070403 26%,#0d0704 50%,#080403 74%,#120804 100%);
    animation:nlAmbientBreath 7.5s ease-in-out infinite alternate;
    transform:translateZ(0);
  }
  html.nalenha-cardapio #root>div::after{
    content:"";
    position:fixed;
    inset:-12% -8%;
    z-index:0;
    pointer-events:none;
    opacity:.58;
    background-image:
      radial-gradient(circle at 10% 92%,rgba(255,198,116,.92) 0 1.4px,transparent 2.5px),
      radial-gradient(circle at 23% 82%,rgba(255,104,27,.75) 0 1px,transparent 2.2px),
      radial-gradient(circle at 81% 91%,rgba(255,174,78,.80) 0 1.2px,transparent 2.4px),
      radial-gradient(circle at 92% 75%,rgba(255,91,20,.62) 0 1px,transparent 2.2px),
      radial-gradient(circle at 69% 9%,rgba(255,181,79,.42) 0 .9px,transparent 2px);
    filter:blur(.25px);
    animation:nlEmberFloat 11s linear infinite;
    transform:translateZ(0);
  }
  @keyframes nlAmbientBreath{
    0%{filter:saturate(.95) brightness(.90);transform:scale(1)}
    55%{filter:saturate(1.18) brightness(1.05);transform:scale(1.025)}
    100%{filter:saturate(1.05) brightness(.96);transform:scale(1.012)}
  }
  @keyframes nlEmberFloat{
    0%{transform:translate3d(0,8%,0);opacity:.28}
    35%{opacity:.62}
    75%{opacity:.42}
    100%{transform:translate3d(1.5%,-15%,0);opacity:.12}
  }

  /* Vignette une a foto horizontal ao ambiente vertical, sem parecer uma faixa colada. */
  html.nalenha-cardapio .gv-vignette{
    background:
      linear-gradient(180deg,rgba(7,3,1,.52) 0%,transparent 24%,transparent 68%,rgba(7,3,1,.62) 100%),
      radial-gradient(120% 76% at 50% 48%,transparent 45%,rgba(8,3,1,.48) 100%)!important;
  }

  /* Cabeçalho: hierarquia mais limpa, sensação de app premium e controles coerentes. */
  html.nalenha-cardapio .gv-top{
    height:calc(env(safe-area-inset-top) + 62px)!important;
    padding:env(safe-area-inset-top) 9px 0!important;
    gap:7px!important;
    background:linear-gradient(180deg,rgba(8,4,2,.985) 0%,rgba(8,4,2,.94) 72%,rgba(8,4,2,.78) 100%)!important;
    border-bottom:1px solid rgba(245,130,32,.20)!important;
    box-shadow:0 14px 34px -26px rgba(255,104,31,.7),0 10px 30px -22px rgba(0,0,0,.95)!important;
  }
  html.nalenha-cardapio .gv-top::after{
    content:"";
    position:absolute;
    left:10px;right:10px;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(245,130,32,.5) 18%,rgba(255,189,116,.24) 50%,rgba(245,130,32,.5) 82%,transparent);
    pointer-events:none;
  }
  html.nalenha-cardapio .gv-brandlink{max-width:154px!important}
  html.nalenha-cardapio .gv-brand{font-size:13px!important;letter-spacing:2px!important}
  html.nalenha-cardapio .gv-brand small{font-size:7.2px!important;letter-spacing:1.18px!important;color:#ff9b45!important}
  html.nalenha-cardapio .gv-navflame{
    background:linear-gradient(145deg,#ff4f17,#f58220)!important;
    border:1px solid rgba(255,205,152,.22)!important;
    box-shadow:0 8px 22px -10px rgba(255,96,24,.95),inset 0 1px 0 rgba(255,255,255,.20)!important;
  }
  html.nalenha-cardapio .gv-menubtn,
  html.nalenha-cardapio .gv-navtools .sl-btn,
  html.nalenha-cardapio .gv-navtools .sa-chip,
  html.nalenha-cardapio .gv-chip{
    border-color:rgba(255,187,119,.16)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  }
  html.nalenha-cardapio .gv-menubtn:active,
  html.nalenha-cardapio .gv-navtools .sl-btn:active,
  html.nalenha-cardapio .gv-navtools .sa-chip:active,
  html.nalenha-cardapio .gv-chip:active{transform:scale(.94)}

  /* Dock: menos aspecto de quatro botões soltos e mais de uma control bar única. */
  html.nalenha-cardapio .gv-tour{
    left:9px!important;right:9px!important;
    gap:5px!important;padding:5px!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(19,11,6,.86),rgba(11,6,4,.82))!important;
    border-color:rgba(245,130,32,.22)!important;
    box-shadow:0 22px 54px -22px rgba(0,0,0,.98),inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  html.nalenha-cardapio .gv-navb{
    border-radius:15px!important;
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,232,204,.10)!important;
  }
  html.nalenha-cardapio .gv-navb.wide{
    font-size:11px!important;
    letter-spacing:.01em!important;
    font-weight:800!important;
  }
  html.nalenha-cardapio .gv-navb.wide.alt{
    background:linear-gradient(180deg,rgba(245,130,32,.16),rgba(245,130,32,.055))!important;
    border-color:rgba(245,130,32,.44)!important;
    color:#ffb36d!important;
  }

  /* Menu completo: produto mais visual, leitura rápida e botão de compra mais tátil. */
  html.nalenha-cardapio .gv-menu{
    background:linear-gradient(180deg,#17100b 0%,#110b07 100%)!important;
  }
  html.nalenha-cardapio .gv-menu-head{
    border-bottom-color:rgba(245,130,32,.16)!important;
    box-shadow:0 12px 26px -24px rgba(0,0,0,.9)!important;
  }
  html.nalenha-cardapio .gv-menu-cats{
    background:rgba(11,7,4,.55)!important;
    border-bottom-color:rgba(245,130,32,.12)!important;
  }
  html.nalenha-cardapio .gv-menu-cats button{
    border-color:rgba(255,234,210,.12)!important;
    background:rgba(255,255,255,.025)!important;
  }
  html.nalenha-cardapio .gv-menu-cats button.on{
    background:linear-gradient(135deg,#ff671f,#f58220)!important;
    color:#130b06!important;
    box-shadow:0 7px 18px -12px rgba(245,130,32,.9)!important;
  }
  html.nalenha-cardapio .gv-menu-item{
    min-height:92px!important;
    border-bottom-color:rgba(245,130,32,.11)!important;
  }
  html.nalenha-cardapio .gv-menu-item img,
  html.nalenha-cardapio .gv-menu-noimg{
    box-shadow:0 8px 22px -14px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.035)!important;
  }
  html.nalenha-cardapio .gv-menu-tx b{font-size:13px!important;letter-spacing:.25px!important}
  html.nalenha-cardapio .gv-menu-tx em{font-size:14.5px!important;color:#ff9f4e!important}
  html.nalenha-cardapio .gv-menu-add{
    background:linear-gradient(145deg,#ff541a,#f58220)!important;
    box-shadow:0 10px 22px -10px rgba(245,130,32,.75),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }

  /* Carrinho: hierarquia de checkout e fotos de produto com aspecto de catálogo. */
  html.nalenha-cardapio .gv-drawer{
    background:linear-gradient(180deg,#17100b 0%,#100a07 100%)!important;
  }
  html.nalenha-cardapio .gv-drhead{
    border-bottom-color:rgba(245,130,32,.16)!important;
    background:rgba(18,11,7,.94)!important;
    backdrop-filter:blur(18px)!important;
  }
  html.nalenha-cardapio .gv-ci{
    padding:12px 0!important;
    gap:11px!important;
    border-bottom-color:rgba(245,130,32,.10)!important;
  }
  html.nalenha-cardapio .gv-cithumb{
    width:60px!important;height:60px!important;border-radius:14px!important;
    border-color:rgba(245,130,32,.18)!important;
    background:#120c08!important;
    box-shadow:0 10px 24px -16px rgba(0,0,0,.95)!important;
  }
  html.nalenha-cardapio .gv-cithumb img{object-fit:cover!important;object-position:center!important}
  html.nalenha-cardapio .gv-ciname{font-size:13px!important;line-height:1.25!important;color:#fff4e5!important}
  html.nalenha-cardapio .gv-ciprice{font-size:11px!important;color:#ad9983!important}
  html.nalenha-cardapio .gv-ciqty{
    padding:3px!important;border-radius:12px!important;background:rgba(255,255,255,.022)!important;
  }
  html.nalenha-cardapio .gv-ciqty button{
    width:34px!important;height:34px!important;border-radius:10px!important;
    background:rgba(245,130,32,.065)!important;
  }
  html.nalenha-cardapio .gv-drfoot{
    background:rgba(17,10,6,.96)!important;
    border-top-color:rgba(245,130,32,.17)!important;
    box-shadow:0 -18px 32px -30px rgba(245,130,32,.55)!important;
  }
  html.nalenha-cardapio .gv-checkout{
    min-height:52px!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#ff541a,#ff8b21)!important;
    box-shadow:0 12px 28px -14px rgba(255,96,24,.85)!important;
  }

  /* Card do item: mais respiro sem perder espaço útil. */
  html.nalenha-cardapio .gv-card{
    background:linear-gradient(180deg,rgba(27,17,10,.975),rgba(13,8,5,.995))!important;
    border-top-color:rgba(245,130,32,.30)!important;
    box-shadow:0 -22px 60px -34px rgba(245,130,32,.50)!important;
  }
  html.nalenha-cardapio .gv-cardname{font-size:clamp(20px,5.8vw,25px)!important;line-height:1.05!important}
  html.nalenha-cardapio .gv-cardprice{color:#ff9c49!important}

  /* HIGGSFIELD — CHOPE: o copo está no lado direito do filme 16:9.
     O override usa especificidade superior ao hotfix anterior e mantém o copo inteiro no portrait. */
  html.nalenha-cardapio body .gv-fxhero.video.nl-higgs-chopp .gv-fxfull{
    object-fit:cover!important;
    object-position:96% 50%!important;
    transform:scale(1.025)!important;
    transform-origin:96% 50%!important;
  }
  html.nalenha-cardapio body .gv-fxhero.video.nl-higgs-chopp .gv-fxfrase{
    background:linear-gradient(180deg,rgba(7,3,1,.76),rgba(7,3,1,.30) 72%,transparent)!important;
  }
  html.nalenha-cardapio body .gv-fxhero.video.nl-higgs-chopp .gv-fxhero-nome{
    text-shadow:0 2px 10px rgba(0,0,0,.98),0 0 24px rgba(245,130,32,.48)!important;
  }
}

/* Celulares compactos: preserva tudo sem esmagar checkout/header. */
@media (max-width:380px){
  html.nalenha-cardapio .gv-top{padding-left:7px!important;padding-right:7px!important}
  html.nalenha-cardapio .gv-brandlink{max-width:126px!important}
  html.nalenha-cardapio .gv-brand{font-size:12px!important;letter-spacing:1.55px!important}
  html.nalenha-cardapio .gv-navtools{gap:4px!important}
  html.nalenha-cardapio .gv-navb.wide{padding-left:9px!important;padding-right:9px!important;font-size:10px!important}
  html.nalenha-cardapio .gv-cithumb{width:54px!important;height:54px!important}
}

/* ──────────────────────────────────────────────────────────────
   TABLET — equilíbrio entre experiência e produtividade
   ────────────────────────────────────────────────────────────── */
@media (min-width:641px) and (max-width:1024px){
  html.nalenha-cardapio #root>div{
    background:radial-gradient(85% 70% at 50% 46%,rgba(54,23,8,.45),#080403 72%)!important;
  }
  html.nalenha-cardapio .gv-top{
    border-bottom:1px solid rgba(245,130,32,.14)!important;
    backdrop-filter:blur(16px) saturate(1.15)!important;
  }
  html.nalenha-cardapio .gv-menu{width:min(520px,72vw)!important}
  html.nalenha-cardapio .gv-menu-item{grid-template-columns:74px 1fr 44px!important}
  html.nalenha-cardapio .gv-menu-item img,
  html.nalenha-cardapio .gv-menu-noimg{width:74px!important;height:74px!important}
  html.nalenha-cardapio .gv-drawer{width:min(460px,70vw)!important}
  html.nalenha-cardapio body .gv-fxhero.video.nl-higgs-chopp .gv-fxfull{object-position:82% 50%!important}
}

/* ──────────────────────────────────────────────────────────────
   DESKTOP / WIDE — acabamento enterprise sem alterar coreografia
   ────────────────────────────────────────────────────────────── */
@media (min-width:1025px){
  html.nalenha-cardapio #root>div{
    background:radial-gradient(100% 90% at 50% 45%,rgba(47,20,7,.34),#070403 76%)!important;
  }
  html.nalenha-cardapio .gv-top{
    border-bottom:1px solid rgba(245,130,32,.09)!important;
    backdrop-filter:blur(14px) saturate(1.12)!important;
  }
  html.nalenha-cardapio .gv-menu{width:min(500px,38vw)!important}
  html.nalenha-cardapio .gv-menu-item{transition:background .18s,padding .18s!important}
  html.nalenha-cardapio .gv-menu-item:hover{background:rgba(245,130,32,.045)!important;padding-left:7px!important;padding-right:7px!important;border-radius:13px!important}
  html.nalenha-cardapio .gv-menu-add:hover{transform:translateY(-1px) scale(1.04)!important}
  html.nalenha-cardapio .gv-drawer{width:min(440px,34vw)!important;box-shadow:-22px 0 64px -36px rgba(0,0,0,.9)!important}
  html.nalenha-cardapio .gv-ciqty button:hover{background:rgba(245,130,32,.13)!important}
}

/* ══════════════════════════════════════════════════════════════
   SITE INSTITUCIONAL — /restaurante/nalenha
   Mesmo DNA visual em mobile, tablet e desktop.
   ══════════════════════════════════════════════════════════════ */
html.nalenha-site body{
  background:#090604!important;
  color:#fff4e5;
}
html.nalenha-site .rs-nav{
  border-bottom:1px solid rgba(245,130,32,.14)!important;
  box-shadow:0 16px 40px -34px rgba(0,0,0,.95)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
html.nalenha-site .rs-navflame{
  background:linear-gradient(145deg,#ff4f17,#f58220)!important;
  box-shadow:0 10px 24px -12px rgba(255,96,24,.9),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html.nalenha-site .rs-hero{
  position:relative;
  isolation:isolate;
}
html.nalenha-site .rs-hero::after{
  content:"";
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(55% 46% at 10% 15%,rgba(255,94,22,.14),transparent 70%),
    linear-gradient(180deg,transparent 58%,rgba(8,4,2,.58) 100%);
}
html.nalenha-site .rs-title{
  text-shadow:0 8px 34px rgba(0,0,0,.56),0 0 38px rgba(245,130,32,.10)!important;
}
html.nalenha-site .rs-tagline{color:#fff1df!important}
html.nalenha-site .rs-sub{color:#c7b39d!important}
html.nalenha-site .rs-btn,
html.nalenha-site .rs-navcta,
html.nalenha-site .rs-mitem-btn{
  transition:transform .18s,box-shadow .18s,border-color .18s,filter .18s!important;
}
html.nalenha-site .rs-btn:hover,
html.nalenha-site .rs-navcta:hover,
html.nalenha-site .rs-mitem-btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}
html.nalenha-site .rs-sec{
  scroll-margin-top:86px;
}
html.nalenha-site .rs-mitem{
  border-color:rgba(245,130,32,.15)!important;
  box-shadow:0 14px 34px -30px rgba(0,0,0,.95)!important;
  transition:transform .22s,border-color .22s,box-shadow .22s!important;
}
html.nalenha-site .rs-mitem:hover{
  transform:translateY(-3px);
  border-color:rgba(245,130,32,.34)!important;
  box-shadow:0 18px 42px -28px rgba(245,130,32,.28)!important;
}
html.nalenha-site .rs-chat{
  border-color:rgba(245,130,32,.20)!important;
  box-shadow:0 24px 70px -28px rgba(0,0,0,.95)!important;
}
html.nalenha-site .rs-mfab{
  box-shadow:0 16px 34px -14px rgba(255,96,24,.48)!important;
}

@media (max-width:640px){
  html.nalenha-site .rs-nav{
    background:linear-gradient(180deg,rgba(9,5,3,.985),rgba(9,5,3,.94))!important;
  }
  html.nalenha-site .rs-hero{
    min-height:100svh!important;
  }
  html.nalenha-site .rs-herobody{
    padding-top:clamp(30px,7vh,70px)!important;
    padding-bottom:72px!important;
  }
  html.nalenha-site .rs-title{
    line-height:.92!important;
    text-wrap:balance;
  }
  html.nalenha-site .rs-tagline,
  html.nalenha-site .rs-sub{text-wrap:balance}
  html.nalenha-site .rs-ctas .rs-btn{
    min-height:50px!important;
    border-radius:14px!important;
  }
  html.nalenha-site .rs-sec{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
  html.nalenha-site .rs-menu-grid{gap:11px!important}
  html.nalenha-site .rs-mitem{
    border-radius:18px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(245,130,32,.022))!important;
  }
  html.nalenha-site .rs-mitem-btn{min-width:46px!important;min-height:44px!important}
  html.nalenha-site .rs-chat{
    border-radius:20px!important;
    box-shadow:0 24px 56px -24px rgba(0,0,0,.98)!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  html.nalenha-site .rs-herobody{padding-left:32px!important;padding-right:32px!important}
  html.nalenha-site .rs-menu-grid{gap:14px!important}
  html.nalenha-site .rs-mitem{border-radius:18px!important}
}

@media (min-width:1025px){
  html.nalenha-site .rs-nav{
    background:rgba(9,5,3,.80)!important;
  }
  html.nalenha-site .rs-herobody{
    max-width:1240px!important;
    margin-inline:auto!important;
  }
  html.nalenha-site .rs-sec{
    padding-top:clamp(76px,7vw,112px)!important;
    padding-bottom:clamp(76px,7vw,112px)!important;
  }
  html.nalenha-site .rs-menu-grid{gap:16px!important}
  html.nalenha-site .rs-mitem{border-radius:20px!important}
}

/* Acessibilidade/robustez final — somente NA LENHA. */
html.nalenha-cardapio button:focus-visible,
html.nalenha-cardapio a:focus-visible,
html.nalenha-site button:focus-visible,
html.nalenha-site a:focus-visible{
  outline:2px solid #ff9b45!important;
  outline-offset:3px!important;
}

@media (prefers-reduced-motion:reduce){
  html.nalenha-cardapio #root>div::before,
  html.nalenha-cardapio #root>div::after{animation:none!important}
  html.nalenha-cardapio .gv-menu-item,
  html.nalenha-site .rs-mitem,
  html.nalenha-site .rs-btn{transition:none!important}
}