/* ===== KAWA AKARI — HEADER + CATEGORIAS (v18) ===== */
footer .container, footer .conteiner, footer .row, footer .col, #rodape .container, #rodape .conteiner, #rodape .row, #rodape .col, #rodape .conteudo, #rodape .wrap, #rodape .institucional, #rodape .links-rodape, #rodape .pagamentos, #rodape .selos, #rodape .newsletter {
    background: #000000 !important;
    box-shadow: none !important;
    border: 0 !important;
}
#rodape .conteiner {
    max-width: 100%;
}

/* ---------- HEADER ---------- */
header, #cabecalho, .cabecalho{
  position: sticky;
  top: 0;
  z-index: 4000 !important;           /* topo da pilha */
  overflow: visible !important;       /* não corta dropdowns */
  background: #a961e6;
  box-shadow: none;
  border: 0;
}

/* Dropdowns dos atalhos SEMPRE acima da barra de categorias */
#cabecalho .atalhos, .atalhos { position: relative; z-index: 4100 !important; }
#cabecalho .atalhos li { position: relative; }

/* popups criados DENTRO dos atalhos */
#cabecalho .atalhos .dropdown,
#cabecalho .atalhos .dropdown-menu,
#cabecalho .atalhos .conteudo,
#cabecalho .atalhos .submenu,
#cabecalho .atalhos .popover,
#cabecalho .atalhos .mini-carrinho,
#cabecalho .atalhos .miniCarrinho,
#cabecalho .atalhos .menu-usuario,
#cabecalho .atalhos .conteudo-atalho,
#cabecalho .atalhos .box {
  position: absolute;
  z-index: 5000 !important;           /* MAIOR que a barra de categorias */
}

/* popups injetados FORA do header (irmãos/descendentes) */
header + .dropdown,      header ~ .dropdown,
header + .dropdown-menu, header ~ .dropdown-menu,
header + .popover,       header ~ .popover,
header + .submenu,       header ~ .submenu,
header + .mini-carrinho, header ~ .mini-carrinho,
header + .miniCarrinho,  header ~ .miniCarrinho,
#cabecalho + .dropdown,      #cabecalho ~ .dropdown,
#cabecalho + .dropdown-menu, #cabecalho ~ .dropdown-menu,
#cabecalho + .popover,       #cabecalho ~ .popover,
#cabecalho + .submenu,       #cabecalho ~ .submenu {
  position: absolute;
  z-index: 5000 !important;
}

/* ---------- BARRA DE CATEGORIAS ---------- */
.menu.superior, #menu.superior, #menu,
#barra-categorias, .barra-categorias, .nav-categorias,
.categorias, .menu-categorias{
  background:#a961e6 !important;
  border-top:1px solid #c896f1 !important;   /* linha de 1px */
  box-shadow:none !important;
  margin:0 !important; padding:0 !important;
  position:relative; z-index: 1000 !important;  /* ABAIXO dos popups do header */
  overflow:visible !important;
}

/* ---------- LAYOUT DO HEADER ---------- */
#cabecalho .container, #cabecalho .conteiner,
.cabecalho .container, .cabecalho .conteiner,
header .container, header .conteiner{
  display:flex; align-items:center; justify-content:space-between; min-height:68px;
}

/* Logo maior */
#cabecalho .logo, .cabecalho .logo, header .logo{ order:2; margin-left:auto; margin-right:auto; flex:0 0 auto; }
#cabecalho .logo img, .cabecalho .logo img, header .logo img{
  max-height:64px !important; height:64px !important; width:auto !important;
}
@media (max-width:768px){
  #cabecalho .logo img, .cabecalho .logo img, header .logo img{ max-height:44px !important; height:44px !important; }
}

/* Busca com botão dentro do campo */
#cabecalho .busca, .cabecalho .busca, header .busca{ order:1; flex:0 1 640px; }
#cabecalho .busca form, .busca form, form.busca{ position:relative !important; display:flex !important; align-items:center !important; }
#cabecalho .busca input[type="search"], #cabecalho .busca input[type="text"],
.busca input[type="search"], .busca input[type="text"]{
  width:100%; height:38px; border-radius:999px; background:#f7f7f7; border:1px solid #e9e9e9;
  padding:0 44px 0 14px; font-size:14px; outline:none;
}
#cabecalho .busca button, #cabecalho .busca .botao-busca,
.busca button, .busca .botao-busca, #form-busca button, #form-busca .botao-busca, form.busca button, form.busca .botao-busca{
  position:absolute !important; right:6px !important; top:50% !important; transform:translateY(-50%) !important;
  width:28px !important; height:28px !important; min-width:28px !important; padding:0 !important; border:0 !important; background:transparent !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important; color:#a961e6 !important; line-height:1 !important;
}
#cabecalho .busca button svg, #cabecalho .busca .botao-busca svg, .busca button svg, .busca .botao-busca svg{ width:18px !important; height:18px !important; }

/* Ícones/atalhos brancos */
#cabecalho .atalhos, .atalhos, .atalhos-rapidos{ order:3; display:flex; align-items:center; gap:12px; }
.atalhos .titulo, .carrinho .titulo, .carrinho .nome, .carrinho .texto, .carrinho .info, .atalhos .texto{ display:none !important; }
#cabecalho .atalhos a, .atalhos a, .carrinho a, .minha-conta a, .meus-pedidos a, .meus-favoritos a{ color:#fff !important; }
.carrinho .qtd-itens, .carrinho .qtde, .carrinho .badge{
  position:absolute; transform:translate(10px,-10px); min-width:18px; height:18px; border-radius:999px;
  background:#270e3f !important; color:#fff !important; font-size:11px; line-height:18px; text-align:center;
}

/* ---------- LINKS DA BARRA (nível 1) — sem tocar no dropdown ---------- */
#cabecalho .menu .nivel-um > li > a,
.menu.superior .nivel-um > li > a,
.menu .nivel-um > li > a{
  display:inline-flex !important; align-items:center !important;
  height:44px !important; padding:0 14px !important;
  font-size:14px !important; line-height:1 !important; color:#fff !important; text-decoration:none;
  border-bottom:2px solid transparent; transition:border-color .2s ease, opacity .2s ease;
}
#cabecalho .menu .nivel-um > li:hover > a,
.menu .nivel-um > li:hover > a,
#cabecalho .menu .nivel-um > li.current > a,
.menu .nivel-um > li.current > a,
#cabecalho .menu .nivel-um > li.ativo > a,
.menu .nivel-um > li.ativo > a{
  border-bottom-color:rgba(255,255,255,.9); opacity:.95;
}

/* ---------- PONTE DE HOVER ---------- */
.menu .nivel-um > li, #cabecalho .menu .nivel-um > li{ position:relative !important; }
.menu .nivel-um > li:hover::after, #cabecalho .menu .nivel-um > li:hover::after{
  content:""; position:absolute; left:0; right:0; height:18px; bottom:-18px;
  background:transparent; pointer-events:auto; z-index: 1200;
}

/* ---------- DROPDOWN (apenas o CONTÊINER) ---------- */
/* Não mexe no conteúdo interno do dropdown de categorias */
#cabecalho .menu .nivel-dois, .menu .nivel-dois,
#cabecalho .menu .nivel-2,   .menu .nivel-2{
  display:none; opacity:0; visibility:hidden; pointer-events:none;
  position:absolute !important; left:50% !important; top:100% !important;
  transform:translate(-50%,0) !important;
  background:#fff !important;
  border:1px solid #eee !important; border-radius:12px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  z-index: 1600 !important;     /* acima da barra (1000), abaixo dos atalhos (5000) */
}
.menu .nivel-um > li:hover > .nivel-dois,
.menu .nivel-um > li:focus-within > .nivel-dois,
.menu .nivel-um > li:hover > .nivel-2,
.menu .nivel-um > li:focus-within > .nivel-2,
.menu .nivel-dois:hover, .menu .nivel-2:hover{
  display:block !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
}

/* ---------- COOKIES/LGPD (remove) ---------- */
.mostrarAvisoCookie #avisoCookies, #avisoCookies{
  display:none !important; opacity:0 !important; pointer-events:none !important;
  height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important;
  box-shadow:none !important; background:transparent !important;
}
body.mostrarAvisoCookie, html.mostrarAvisoCookie{ padding-bottom:0 !important; margin-bottom:0 !important; }

/* ---------- RODAPÉ ---------- */
/* bloco principal */
footer, #rodape, .rodape, .footer, #footer{
  background:#270e3f !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* wrappers do rodapé não podem reintroduzir fundo branco */
footer .container, footer .conteiner, footer .row, footer .col,
#rodape .container, #rodape .conteiner, #rodape .row, #rodape .col,
#rodape .conteudo, #rodape .wrap, #rodape .institucional, #rodape .links-rodape,
#rodape .pagamentos, #rodape .selos, #rodape .newsletter{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* faixa final (CNPJ/“Loja Integrada”) */
#rodape .copy, #rodape .copyright,
footer .copy, footer .copyright,
footer [class*="barra-inferior"], footer [class*="faixa-inferior"], footer [class*="rodape-inferior"],
#rodape [class*="barra-inferior"], #rodape [class*="faixa-inferior"], #rodape [class*="rodape-inferior"],
footer [class*="lojaintegrada"], #rodape [class*="lojaintegrada"],
footer [class*="powered"], #rodape [class*="powered"],
footer [class*="assinatura"], #rodape [class*="assinatura"]{
  background:#150924 !important;
  color:#ffffff !important;
  border:0 !important;
  box-shadow:none !important;
}

/* textos/links no rodapé */
#rodape h1, #rodape h2, #rodape h3, #rodape h4, #rodape h5, #rodape h6,
#rodape .titulo, #rodape .titulo-secao, #rodape p, #rodape small, #rodape .texto,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer p, footer small { color:#ffffff !important; }
#rodape a, footer a{ color:#ffffff !important; opacity:.95; text-decoration:none; }
#rodape a:hover, footer a:hover{ opacity:1; color:#c896f1 !important; }

/* inputs/botões do rodapé */
#rodape input[type="text"], #rodape input[type="email"], #rodape input[type="tel"],
#rodape select, #rodape textarea,
footer input[type="text"], footer input[type="email"], footer input[type="tel"],
footer select, footer textarea{
  background:#ffffff !important; color:#270e3f !important;
  border:1px solid rgba(255,255,255,.3) !important; border-radius:8px !important;
}
#rodape ::placeholder, footer ::placeholder{ color:#6b5d7a !important; }

#rodape button, #rodape .botao, #rodape .btn,
footer button, footer .botao, footer .btn{
  background:#a961e6 !important; color:#ffffff !important;
  border:1px solid #c896f1 !important; border-radius:8px !important;
}
#rodape button:hover, #rodape .botao:hover, #rodape .btn:hover,
footer button:hover, footer .botao:hover, footer .btn:hover{ filter:brightness(1.05); }

/* garante que não sobra faixa abaixo do footer */
footer, #rodape { margin-bottom: 0 !important; }
html, body { margin:0 !important; padding:0 !important; }
/* === PATCH 1 — dropdown dos ícones do header acima da barra de categorias === */
header, #cabecalho, .cabecalho{
  z-index: 3000 !important;
  overflow: visible !important;
}
.menu.superior, #menu.superior, #menu,
#barra-categorias, .barra-categorias, .nav-categorias,
.categorias, .menu-categorias{
  z-index: 10 !important;                 /* barra de categorias por baixo */
  overflow: visible !important;
}
/* popups/menus gerados pelos ícones do header (conta, carrinho, rastreio etc.) */
#cabecalho .atalhos .dropdown,
#cabecalho .atalhos .dropdown-menu,
#cabecalho .atalhos .conteudo,
#cabecalho .atalhos .submenu,
#cabecalho .atalhos .popover,
#cabecalho .atalhos .mini-carrinho,
#cabecalho .atalhos .miniCarrinho,
#cabecalho .atalhos .menu-usuario,
#cabecalho .atalhos .conteudo-atalho,
#cabecalho .atalhos .box,
#cabecalho .atalhos .menu {
  position: absolute;
  z-index: 5000 !important;               /* garante ficar por cima */
  overflow: visible !important;
}
/* se o tema injeta o popup fora do header, pegue elementos irmãos */
#cabecalho + .dropdown,      #cabecalho ~ .dropdown,
#cabecalho + .dropdown-menu, #cabecalho ~ .dropdown-menu,
#cabecalho + .popover,       #cabecalho ~ .popover,
#cabecalho + .submenu,       #cabecalho ~ .submenu,
#cabecalho + .mini-carrinho, #cabecalho ~ .mini-carrinho,
#cabecalho + .miniCarrinho,  #cabecalho ~ .miniCarrinho {
  position: absolute;
  z-index: 5000 !important;
}

/* === PATCH 2 — faixa final do rodapé (CNPJ/credits) preta === */
#rodape .copy, #rodape .copyright,
footer .copy, footer .copyright,
#rodape .barra-inferior, #rodape .faixa-inferior, #rodape .rodape-inferior,
footer .barra-inferior, footer .faixa-inferior, footer .rodape-inferior,
footer [class*="copy"],    #rodape [class*="copy"],
footer [class*="copyright"], #rodape [class*="copyright"]{
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Faixa final do rodapé (CNPJ / direitos / “Loja Integrada”) */
#rodape .copy,
#rodape .copyright,
footer .copy,
footer .copyright,
footer [class*="barra-inferior"],
#rodape [class*="barra-inferior"],
footer [class*="faixa-inferior"],
#rodape [class*="faixa-inferior"],
footer [class*="rodape-inferior"],
#rodape [class*="rodape-inferior"],
footer [class*="lojaintegrada"],
#rodape [class*="lojaintegrada"],
footer [class*="powered"],
#rodape [class*="powered"],
footer [class*="assinatura"],
#rodape [class*="assinatura"]{
  background: #000000 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}