/* DinhoS Reef Shop Brand — Menu V2, folha única e reversível.
 * Recria somente a apresentação do menu do GN. Sem JS, sem alterações de DOM,
 * sem seleção de links no banco, sem regras financeiras, sem afetar outros sites.
 */
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 {
 --sm2-bg:var(--drsb-season-nav,#070707);
 --sm2-fg:var(--drsb-season-text,#f5fbff);
 --sm2-accent:var(--drsb-season-accent,#2bcdf3);
 --sm2-accent-ink:var(--drsb-season-accent-text,#07181d);
 --sm2-line:var(--drsb-season-card-border,#305264);
 --sm2-surface:rgba(255,255,255,.065);
}
/* Recomeçar a composição visual — largura total elimina as bandas azuis nas bordas. */
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout){
 width:100%!important;max-width:none!important;margin:0!important;
 background:var(--sm2-bg)!important;background-image:none!important;
 color:var(--sm2-fg)!important;border:0!important;
 box-shadow:0 9px 24px rgba(0,0,0,.14)!important;isolation:isolate;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-main {
 width:100%!important;max-width:none!important;box-sizing:border-box!important;
 min-height:84px!important;padding:10px max(22px,calc((100vw - 1260px)/2))!important;
 background:var(--sm2-bg)!important;background-image:none!important;
 color:var(--sm2-fg)!important;border:0!important;box-shadow:none!important;
 column-gap:clamp(10px,1.7vw,25px)!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-links {
 box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;
 min-height:52px!important;margin:0!important;padding:0 18px!important;
 background:var(--sm2-bg)!important;background-image:none!important;
 color:var(--sm2-fg)!important;border:0!important;
 border-top:1px solid var(--sm2-line)!important;
 border-bottom:1px solid var(--sm2-line)!important;box-shadow:none!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-header-nav-inner {
 width:min(100%,1260px)!important;max-width:1260px!important;margin:0 auto!important;
 min-height:52px!important;background:transparent!important;background-image:none!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-header-nav-inner > .drsf-nav-left,
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-header-nav-inner > .drsf-nav-right{display:none!important;}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav{
 display:block!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;
 justify-self:center!important;overflow:visible!important;
}
/* Links reconstruídos sem pílulas. Menus internos e seu funcionamento ficam intactos. */
@media(min-width:769px){
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav > .drsf-shop-links {
  display:flex!important;justify-content:center!important;align-items:center!important;
  flex-wrap:wrap!important;gap:0 clamp(8px,1.35vw,20px)!important;
  padding:5px 0!important;margin:0!important;background:transparent!important;min-height:45px!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav > .drsf-shop-links > li > a {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;min-height:40px!important;padding:7px 3px!important;margin:0!important;
  font:650 clamp(11px,.75vw,13px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.005em!important;color:var(--sm2-fg)!important;
  background:transparent!important;background-image:none!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
  opacity:.93!important;transform:none!important;text-decoration:none!important;
  transition:color .16s ease,opacity .16s ease!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav > .drsf-shop-links > li:is(:hover,:focus-within,.current-menu-item,.current_page_item,.current-menu-ancestor) > a {
  background:transparent!important;border:0!important;box-shadow:none!important;
  color:var(--sm2-accent)!important;opacity:1!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav > .drsf-shop-links > li > a:focus-visible {
  outline:2px solid var(--sm2-accent)!important;outline-offset:3px!important;
 }
 /* Recolorir o dropdown real do GN, sem tocar nos estados/open, animações ou geometria. */
 
 
 
}
/* Busca, avatar e carrinho são preservados com superfície branca de alto contraste. */
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-search form {
 background:#fff!important;border:1px solid rgba(193,217,229,.85)!important;
 border-radius:12px!important;box-shadow:0 4px 18px rgba(0,0,0,.16)!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-search :is(input[type=search],.search-field){color:#213447!important;background:transparent!important;}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-search button {
 background:var(--sm2-accent)!important;color:var(--sm2-accent-ink)!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] :is(.drsf-header-account,.drsf-cart-trigger,#dr-desktop-cat-trigger){
 background:#fff!important;color:#173347!important;border:1px solid #d4e0e7!important;
 border-radius:12px!important;box-shadow:0 3px 12px rgba(0,0,0,.13)!important;
}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] :is(.drsf-account-label,.drsf-cart-label,.drsf-cart-subtotal,.drsf-cart-symbol,.dr-trigger-label){color:#173347!important;}
html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-cart-count{
 background:var(--sm2-accent)!important;color:var(--sm2-accent-ink)!important;
}
/* Mobile: as duas superfícies reais de menu e a barra inferior recebem o tema.
 * Todos os handlers do Global Navigation permanecem intactos. */
@media(max-width:768px){
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-premium-menu-wrapper > div:first-child{
  background:var(--sm2-bg)!important;background-image:none!important;
  border-bottom:1px solid var(--sm2-line)!important;box-shadow:0 3px 15px rgba(0,0,0,.2)!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-premium-menu-wrapper > div:first-child #dr-menu-trigger-top,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-premium-menu-wrapper > div:first-child #dr-user-trigger{
  border:1px solid var(--sm2-line)!important;background:var(--sm2-surface)!important;
  border-radius:14px!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-premium-menu-wrapper > div:first-child #dr-menu-trigger-top span{
  color:var(--sm2-fg)!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-mobile-shop-search{
  background:var(--sm2-bg)!important;border-bottom:1px solid var(--sm2-line)!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-mobile-shop-search :is(input[type=search],input[type=text]){
  background:#fff!important;color:#203b4e!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav{
  background:var(--sm2-bg)!important;border-top:1px solid var(--sm2-line)!important;
  box-shadow:0 -5px 24px rgba(0,0,0,.22)!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav .dr-nav-item,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav :is(.nav-label,.nav-icon,.nav-icon svg){
  color:var(--sm2-fg)!important;stroke:currentColor!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav .dr-nav-item.active{
  color:var(--sm2-accent)!important;background:var(--sm2-surface)!important;
  border:1px solid var(--sm2-line)!important;border-radius:14px!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav .cart-badge{
  background:var(--sm2-accent)!important;color:var(--sm2-accent-ink)!important;
 }
 /* Menu lateral segue branco, como já homologado. Apenas realça itens ativos. */
 
}
@media(prefers-reduced-motion:reduce){
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header *,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 #dr-bottom-nav *{transition:none!important;animation:none!important;}
}

/* 0.2.23 — acabamento do menu temático: todas as superfícies usam a paleta
   selecionada; o modo original permanece intocado quando o Menu V2 é desligado. */
@media(min-width:769px){
 /* Corrige a regressão 0.2.23: não deixar transparente a superfície do
    menu para tentar pintá-la por baixo com ::before / z-index negativo.
    O fundo correto deve estar no próprio elemento, de modo independente
    da largura do contêiner e da cor do tema oficial. */
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-main,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-links {
  position:relative!important;overflow:visible!important;
  background:var(--sm2-bg)!important;
  background-color:var(--sm2-bg)!important;
  background-image:none!important;
 }
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-main::before,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) > .drsf-header-links::before {
  content:none!important;display:none!important;
 }
 /* Contêineres internos do menu não recebem pintura azul do tema legado. */
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] > .drsf-header-links > .drsf-header-nav-inner,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] > .drsf-header-links .drsf-quick-nav {
  background:var(--sm2-bg)!important;
  background-color:var(--sm2-bg)!important;
  background-image:none!important;
 }
 /* Garante que dropdowns permaneçam acima do fundo das fileiras. */
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-header-nav-inner,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav {position:relative;z-index:2;}
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav>.drsf-shop-links>li:hover>a,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav>.drsf-shop-links>li:focus-within>a,
 html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2 header.drsf-header[data-drsf-shop-header] .drsf-quick-nav>.drsf-shop-links>li.drnp-open>a {
  background:transparent!important;color:var(--sm2-accent)!important;
  border-color:transparent!important;box-shadow:none!important;
 }
 
}
/* O painel de categorias é um componente do GN fora do header, criado com
   estilos próprios. Somente sua aparência é alterada. */




/* Mobile: troca a superfície cinza/branca imposta pelo CSS legado, sem alterar
   o DOM, a abertura do drawer, as abas ou o comportamento de rolagem. */
@media(max-width:768px){
 
 
 
 
}

/* 0.2.26 — a única área temática do menu desktop é a faixa horizontal.
 * NÃO personaliza o drawer lateral, as categorias expandidas nem dropdowns.
 */
@media (min-width:769px) {
  html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) .drsf-header-links,
  html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) .drsf-header-links > .drsf-header-nav-inner,
  html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) .drsf-header-links nav.drsf-quick-nav,
  html body.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) .drsf-header-links nav.drsf-quick-nav > ul.drsf-shop-links {
    background-color:var(--drsb-season-nav)!important;
    background-image:none!important;
  }
}


/* 0.2.28 — preservar o sticky original do Global Navigation ao ativar Menu V2.
 * Não interfere na regra GN .drgn-scroll-hidden (ocultação ao descer).
 * Não força o cabeçalho inteligente quando desabilitado no painel do GN. */
@media (min-width:769px) {
  html body.drgn-scroll-intelligent.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) {
    position:sticky!important;
    top:0!important;
    z-index:15000!important;
  }
  html body.admin-bar.drgn-scroll-intelligent.drsf-shop-site.drsb-shop-brand.drsb-seasonal-active.drsb-shop-menu-v2
  header.drsf-header[data-drsf-shop-header]:not(.drsf-header--checkout) {
    top:32px!important;
  }
}