.dmb-wrap{width:100%;box-sizing:border-box;}
.dmb-wrap{font-size:var(--dmb-font, 13px);}
/* v1.0.1: permitir dropdown sem cortar (overflow) */
.dmb-wrap.dmb-top{
  /* Header premium (sem depender do tema) */
  border-bottom:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  position:relative;
  z-index:99999;
}
.dmb-row-wrap{width:100%;}
.dmb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--dmb-pad-y, 8px) 18px;box-sizing:border-box;max-width:1200px;margin:0 auto;width:100%;}
.dmb-col{display:flex;align-items:center;gap:10px;min-width:0;flex:1;overflow-x:auto;overflow-y:visible;scrollbar-width:none;}
.dmb-row,.dmb-row-wrap,.dmb-wrap{overflow:visible;}
.dmb-col::-webkit-scrollbar{display:none;}
.dmb-top .dmb-col{overflow:visible;}
.dmb-left{justify-content:flex-start;}
.dmb-center{justify-content:center;}
.dmb-right{justify-content:flex-end;}
.dmb-col > *{min-width:0;}
.dmb-box{display:inline-flex;align-items:center;justify-content:flex-start;}

.dmb-logo img{max-height:38px;width:auto;height:auto;display:block;}
.dmb-logo-text{font-weight:900;text-decoration:none;color:inherit;white-space:nowrap;}
.dmb-logo-inline{display:inline-flex;align-items:center;gap:10px;min-width:0;}
.dmb-logo-ic{width:40px;height:40px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.dmb-logo-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.dmb-logo-title{font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;}
.dmb-logo-sub{font-weight:800;font-size:11px;opacity:.72;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px;}

.dmb-search form{margin:0;}
.dmb-searchform{display:block;}
.dmb-search{width:100%;min-width:0;}
.dmb-searchbox{display:flex;align-items:center;gap:10px;opacity:.92;border:1px solid rgba(148,163,184,.55);border-radius:12px;padding:9px 12px;font-weight:900;font-size:13px;background:rgba(255,255,255,.02);min-width:320px;max-width:900px;width:100%;}
.dmb-searchbox i{opacity:.85;}
.dmb-searchbox input[type="search"], .dmb-searchbox input[type="text"]{border:0;outline:none;background:transparent;color:inherit;font-weight:900;font-size:13px;min-width:0;flex:1;}
.dmb-search input[type="submit"], .dmb-search button{display:none;}
/* Busca: permitir no header/topo, mas nunca dentro do Menu Lateral (off-canvas) */
.dmb-wrap[data-dinka-mb-area="sidebar"] .dmb-search{display:none !important;}

.dmb-nav{display:flex;gap:12px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.dmb-nav a{text-decoration:none;color:inherit;font-weight:800;font-size:13px;opacity:.95;}
.dmb-nav a:hover{opacity:1;text-decoration:underline;}

.dmb-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-weight:900;font-size:12px;white-space:nowrap;}
.dmb-link i{font-size:14px;line-height:1;}
.dmb-top .dmb-link{
  padding:9px 10px;
  border-radius:12px;
  border:1px solid transparent;
}
.dmb-top .dmb-link:hover{
  background:rgba(148,163,184,.10);
  border-color:rgba(148,163,184,.22);
  text-decoration:none;
}
.dmb-top .dmb-searchbox{
  background:rgba(148,163,184,.10);
  border-color:rgba(148,163,184,.35);
}
.dmb-sidebar-open{appearance:none;-webkit-appearance:none;border:1px solid rgba(148,163,184,.45);background:transparent;border-radius:14px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;}
.dmb-sidebar-open span{display:none;} /* mobile padrão: só ícone (sem texto) */
.dmb-sidebar-open:focus,.dmb-sidebar-open:focus-visible{outline:none;box-shadow:none;background:transparent !important;}
.dmb-sidebar-open:active{background:transparent !important;transform:scale(.98);}
.dmb-sidebar-open{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.dmb-wa i{color:#10b981;}
.dmb-wishlist i{color:#e11d48;}
.dmb-divider{display:inline-block;border-radius:999px;opacity:.9;flex:0 0 auto;}
.dmb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:rgba(0,0,0,.15);font-size:11px;font-weight:900;padding:0 6px;}
@media (max-width: 640px){
  /* No mobile, permitir scroll horizontal se faltar espaço (não vaza) */
  .dmb-top .dmb-right{overflow-x:auto !important; overflow-y:visible !important;}
}

/* Badge do carrinho: ficar dentro do botão (não vaza pra fora da tela) */
.dmb-link.dmb-cartlink{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;}
.dmb-link.dmb-cartlink .dmb-badge{
  position:static !important;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  line-height:18px;
  margin-left:6px;
  background:rgba(15,23,42,.92);
  color:#fff;
  border:2px solid rgba(255,255,255,.95);
}

/* =========================================================
   Ajustes Global (Loja) — layout de filtros (tema-agnóstico)
   ========================================================= */
.dinka-storeui-archive-wrap{max-width:1200px;margin:0 auto;padding:16px;display:flex;gap:16px;box-sizing:border-box;}
.dinka-storeui-archive-wrap .dinka-storeui-main{min-width:0;flex:1;}
.dinka-storeui-filters{width:320px;max-width:360px;flex:0 0 auto;background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:18px;padding:12px;box-sizing:border-box;}
.dinka-storeui-filters h3{margin:0 0 10px 0;font-size:13px;font-weight:900;color:#0f172a;}
.dinka-storeui-filters .widget{margin:0 0 12px 0;}
.dinka-storeui-filters .widget:last-child{margin-bottom:0;}

/* Top filters */
.dinka-storeui-filters-top{max-width:1200px;margin:0 auto;padding:12px 16px;border:1px solid rgba(148,163,184,.35);border-radius:18px;background:#fff;box-sizing:border-box;}

/* Mobile offcanvas */
.dinka-storeui-filters-btn{display:none;}
.dinka-storeui-filters-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:100000;}
.dinka-storeui-filters-overlay.open{opacity:1;pointer-events:auto;}
.dinka-storeui-filters-panel{position:fixed;top:0;bottom:0;left:0;width:min(88vw, 360px);background:#fff;transform:translateX(-102%);transition:transform .22s ease;z-index:100001;box-shadow:0 30px 80px rgba(0,0,0,.25);display:flex;flex-direction:column;}
.dinka-storeui-filters-panel.open{transform:translateX(0);}
.dinka-storeui-filters-panel .head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px;border-bottom:1px solid rgba(148,163,184,.35);font-weight:900;}
.dinka-storeui-filters-panel .body{padding:12px 14px;overflow:auto;flex:1;}
.dinka-storeui-filters-panel .close{appearance:none;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;}

@media (max-width: 1024px){
  .dinka-storeui-archive-wrap{flex-direction:column;}
  .dinka-storeui-filters{width:100%;max-width:none;}
}
@media (max-width: 640px){
  .dinka-storeui-filters-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#fff;font-weight:900;font-size:12px;}
}

.dmb-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:#111827;color:#fff;text-decoration:none;font-weight:900;font-size:12px;white-space:nowrap;}
.dmb-btn:hover{filter:brightness(1.05);}

.dmb-socials{display:flex;align-items:center;gap:8px;}
.dmb-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:rgba(0,0,0,.10);text-decoration:none;color:inherit;}

/* Dropdown de submenu (tema-agnóstico) */
.dmb-menu .menu, .dmb-menu ul.menu{list-style:none;margin:0;padding:0;}
.dmb-menu .menu-item{position:relative;}
.dmb-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:220px;background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.35);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.12);padding:10px;z-index:9999;}
.dmb-menu .menu-item:hover > .sub-menu{display:block;}
.dmb-menu .sub-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-weight:800;font-size:13px;opacity:1;}
.dmb-menu .sub-menu a:hover{background:rgba(148,163,184,.18);text-decoration:none;}
.dmb-menu .menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:11px;opacity:.85;}
@media (max-width: 640px){
  .dmb-menu .sub-menu{position:static;display:block;box-shadow:none;border-radius:12px;margin-top:8px;}
  /* Top mobile: não mostrar texto nos links (evita vazar). Mantém badge do carrinho. */
  .dmb-top .dmb-link > span:not(.dmb-badge){display:none;}
  /* Evitar cortar badge/ícones na direita (overflow + padding) */
  .dmb-row{padding-left:12px;padding-right:12px;}
  .dmb-top .dmb-col{overflow:visible;}
  .dmb-top .dmb-right{overflow:visible;gap:6px;}
  .dmb-top .dmb-link{padding:8px 8px;}
  .dmb-badge{margin-left:4px;}
  /* Busca mobile: ocupar largura total */
  .dmb-top .dmb-search{width:100%;}
  .dmb-top .dmb-searchbox{width:100%;max-width:none;min-width:0;}
  /* Categorias dentro do painel: lista 1 por linha */
  .dmb-sidebar-panel .dmb-catnav{grid-template-columns:1fr !important;}
  /* CatNav no hambúrguer: dropdown vira lista (sem position:absolute) */
  .dmb-sidebar-panel .dmb-catnav .dmb-catnav-dd{
    position:static !important;
    left:auto !important; right:auto !important; top:auto !important;
    margin:8px 0 0 0 !important;
    min-width:0 !important;
    box-shadow:none !important;
  }
  .dmb-sidebar-panel .dmb-catnav .dmb-catnav-dd-list{
    border-radius:14px;
    box-shadow:none;
  }
  /* Sub-submenu no mobile: vira lista (sem flyout) */
  .dmb-catnav .dmb-catnav-dd-sub{position:static;display:block;margin:6px 0 0 10px;min-width:auto;box-shadow:none;}
  .dmb-catnav .dmb-catnav-dd-itemwrap.has-children > .dmb-catnav-dd-item .dmb-catnav-dd-arrow{display:none;}
}

/* Categorias Nav (global) — hover dropdown (v1) */
.dmb-catnav{position:relative;}
.dmb-catnav.dmb-catnav-noborder .dmb-catnav-item{border-color:transparent !important;}
.dmb-catnav .dmb-catnav-item{
  position:relative;
  border:1px solid rgba(0,0,0,.08);
  border-radius:var(--dmb-cat-r,14px);
  overflow:visible;
  /* Sem sombra fixa: estava virando uma "faixa" embaixo dos cards (feio).
     A sombra fica só no dropdown e/ou no hover effect. */
  box-shadow:none;
  transition:transform .14s ease, box-shadow .14s ease;
}
.dmb-catnav .dmb-catnav-item{z-index:1;}
.dmb-catnav .dmb-catnav-item:hover{z-index:100001;}
.dmb-catnav .dmb-catnav-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-decoration:none}
.dmb-catnav .dmb-catnav-dd{display:none;position:absolute;overflow:visible;z-index:9999;min-width:220px;background:transparent;box-shadow:none;}
/* Garantir que o dropdown fique por cima do conteúdo da página */
.dmb-catnav .dmb-catnav-dd{z-index:100000;pointer-events:auto;}
/* IMPORTANTE:
   - `overflow:hidden` cortava o flyout (sub-sub) à direita.
   - A sombra no container do dropdown + padding criava uma "faixa branca" feia abaixo do card.
   Então: sombra vai na caixa (`dd-list`) e a lista pode transbordar horizontalmente. */
.dmb-catnav .dmb-catnav-dd-list{background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:var(--dmb-cat-r,14px);overflow:visible;box-shadow:0 16px 40px rgba(0,0,0,.12);}
.dmb-catnav .dmb-catnav-dd-itemwrap{position:relative;}
.dmb-catnav .dmb-catnav-dd-arrow{opacity:.7;font-weight:900}
.dmb-catnav .dmb-catnav-dd-sub{
  display:none;
  position:absolute;
  left:100%;
  top:0;
  /* IMPORTANTE:
     não usar margin-left aqui, senão cria um "gap" e ao mover o mouse o hover cai e fecha.
     usamos padding-left como "ponte" invisível para o usuário atravessar sem fechar. */
  margin-left:0;
  padding-left:10px;
  min-width:220px;
  z-index:10000;
  pointer-events:auto;
}
.dmb-catnav .dmb-catnav-dd-itemwrap.has-children:hover > .dmb-catnav-dd-sub{display:block;}
/* Posição do dropdown
   IMPORTANTE: usar padding-top (não margin-top) para NÃO criar “gap” entre o card e o dropdown,
   senão ao mover o mouse pra baixo ele fecha (hover perde). */
.dmb-catnav.dmb-catnav-pos-below .dmb-catnav-dd{left:0;right:0;top:100%;margin-top:0;min-width:auto;padding-top:8px;}
.dmb-catnav.dmb-catnav-pos-right .dmb-catnav-dd{left:100%;top:0;margin-left:10px;right:auto}
.dmb-catnav.dmb-catnav-pos-left .dmb-catnav-dd{right:100%;top:0;margin-right:10px;left:auto}
/* Abrir */
.dmb-catnav.dmb-catnav-open-hover .dmb-catnav-item:hover > .dmb-catnav-dd{display:block;}
.dmb-catnav.dmb-catnav-open-click details[open] > .dmb-catnav-dd{display:block;}
/* Quando estiver em modo hover, permitir "click" abrir também (JS adiciona .dmb-open) */
.dmb-catnav.dmb-catnav-open-hover .dmb-catnav-hover.dmb-open > .dmb-catnav-dd{display:block;}
/* No desktop, também abrir no hover mesmo quando openMode=click */
@media (hover:hover) and (pointer:fine){
  .dmb-catnav.dmb-catnav-open-click details:hover > .dmb-catnav-dd,
  .dmb-catnav.dmb-catnav-open-click details:focus-within > .dmb-catnav-dd{display:block;}
}
/* Hover effects */
.dmb-catnav.dmb-catnav-hfx-lift .dmb-catnav-item:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(2,6,23,.10);}
.dmb-catnav.dmb-catnav-hfx-glow .dmb-catnav-item:hover{box-shadow:0 0 0 3px rgba(59,130,246,.18), 0 12px 26px rgba(2,6,23,.12)}
.dmb-catnav.dmb-catnav-hfx-underline .dmb-catnav-item:hover .dmb-catnav-top{text-decoration:underline}
.dmb-top .dmb-catnav .dmb-catnav-item{
  box-shadow:none;
  border-color:rgba(148,163,184,.22);
}
.dmb-top .dmb-catnav .dmb-catnav-top{
  background:rgba(148,163,184,.06);
}
.dmb-top .dmb-catnav.dmb-catnav-hfx-lift .dmb-catnav-item:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(2,6,23,.10);
}

/* Device containers (mostrar conforme viewport) */
.dmb-device{display:none;}
@media (min-width: 1025px){ .dmb-desktop{display:block;} }
@media (min-width: 641px) and (max-width: 1024px){ .dmb-tablet{display:block;} }
@media (max-width: 640px){ .dmb-mobile{display:block;} }

/* Sidebar (placeholder, JS pode transformar em off-canvas no futuro; aqui é estática para não quebrar tema) */
.dmb-sidebar{border-top:1px solid rgba(148,163,184,.25);}
.dmb-footer{border-top:1px solid rgba(148,163,184,.25);}

/* Sidebar off-canvas (leve, tema-agnóstico) */
.dmb-sidebar{position:relative;}
.dmb-sidebar-toggle{position:fixed;top:16px;left:16px;z-index:99999;width:44px;height:44px;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.92);color:#fff;font-weight:900;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.dmb-sidebar-toggle.open{background:rgba(2,6,23,.96);}
.dmb-sidebar-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.38);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .18s ease}
.dmb-sidebar-overlay.open{opacity:1;pointer-events:auto;}
.dmb-sidebar-panel{position:fixed;top:12px;bottom:12px;left:12px;z-index:99999;width:320px;max-width:86vw;background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 70px rgba(0,0,0,.25);border-radius:18px;transform:translateX(calc(-100% - 24px));transition:transform .22s ease;overflow:auto}
.dmb-sidebar-panel.right{right:12px;left:auto;transform:translateX(calc(100% + 24px));}
.dmb-sidebar-panel.open{transform:translateX(0);}
.dmb-sidebar-panel .dmb-row{padding:14px 18px;}
.dmb-sidebar-head{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(148,163,184,.22);border-top-left-radius:18px;border-top-right-radius:18px;}
.dmb-sidebar-head-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;}
.dmb-sidebar-head-title{font-weight:900;font-size:14px;color:#0f172a;opacity:.95;}
.dmb-sidebar-close{appearance:none;-webkit-appearance:none;border:1px solid rgba(148,163,184,.35);background:transparent;border-radius:12px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:900;font-size:22px;line-height:1;color:#0f172a;}
.dmb-sidebar-close:active{transform:scale(.98);}
.dmb-sidebar-content{padding:12px 12px 14px;}

/* Sidebar (mobile): empilhar itens e arrumar busca */
.dmb-sidebar-panel .dmb-row{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
}
.dmb-sidebar-panel .dmb-col{
  width:100%;
  flex:0 0 auto;
  overflow:visible;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
.dmb-sidebar-panel .dmb-col > *{width:100%;}
.dmb-sidebar-panel .dmb-search{width:100%;min-width:0;}
.dmb-sidebar-panel .dmb-searchbox{width:100%;min-width:0;max-width:none;}
.dmb-sidebar-panel .dmb-link{justify-content:flex-start;}
.dmb-sidebar-panel .dmb-wa{width:100%;}

/* Sidebar (mobile): menu em lista vertical (igual referência) */
.dmb-sidebar-panel .dmb-menu{width:100%;}
.dmb-sidebar-panel .dmb-nav{flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;width:100%;}
.dmb-sidebar-panel .dmb-nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 10px;border-radius:12px;}
.dmb-sidebar-panel .dmb-nav li{width:100%;}
.dmb-sidebar-panel .dmb-nav li + li a{border-top:1px solid rgba(148,163,184,.18);}
.dmb-sidebar-panel .dmb-nav .sub-menu{display:none;margin:6px 0 0 10px;padding:6px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(148,163,184,.06);}
.dmb-sidebar-panel .dmb-nav li.dmb-open > .sub-menu{display:block;}
.dmb-sidebar-panel .dmb-nav li.menu-item-has-children > a::after{content:"▾";opacity:.7;font-size:12px;}
.dmb-sidebar-panel .dmb-nav li.menu-item-has-children.dmb-open > a::after{content:"▴";}

/* Astra: quando inserido dentro do bloco de copyright, manter rodapé Dinka colado e em coluna */
.ast-builder-layout-element.ast-footer-copyright{display:flex;flex-direction:column;align-items:stretch;gap:8px;}
.ast-builder-layout-element.ast-footer-copyright > .dmb-footer{width:100%;}
.ast-builder-layout-element.ast-footer-copyright > .ast-footer-copyright{margin-top:0;}