/*
 * cervejabox-fix-1.1.0.css
 * Ajustes pontuais. Nao substitui nenhum arquivo existente.
 *
 * Historico:
 * 1.0.0 - reducao de fonte e padding do menu, mensagens do cadastro
 * 1.1.0 - remocao de itens do menu (desktop e mobile) e centralizacao.
 *         O bloco de font-size 15px e padding 1% foi removido: com Packs,
 *         Amber Ale e Belgian Golden Strong Ale fora, o menu cabe em uma
 *         linha com os valores originais da loja (17px e 2.5%), entao as
 *         regras originais voltam a valer sozinhas.
 */

/* ---------- 1. Menu desktop: itens removidos a pedido do cliente ---------- */
header .stpl-header .bottom menu ul.menu > div.menu-departamento > li.itemDepartamento.packs,
header .stpl-header .bottom menu ul.menu > div.menu-departamento > li.itemDepartamento.amber-ale,
header .stpl-header .bottom menu ul.menu > div.menu-departamento > li.itemDepartamento.belgian-golden-strong-ale {
  display: none !important;
}

/* ---------- 2. Menu desktop: centralizar os itens restantes ----------
   Os li sao inline-block, entao text-align no container resolve.
   A segunda regra impede que o alinhamento vaze para dentro dos submenus. */
header .stpl-header .bottom menu ul.menu > div.menu-departamento {
  text-align: center !important;
}

header .stpl-header .bottom menu ul.menu .submenu {
  text-align: left !important;
}

/* ---------- 3. Menu mobile: mesmos itens ----------
   Estrutura diferente do desktop: menu#menu > div.menu-departamento > h3.<slug> */
menu#menu > div.menu-departamento > h3.packs,
menu#menu > div.menu-departamento > h3.amber-ale,
menu#menu > div.menu-departamento > h3.belgian-golden-strong-ale {
  display: none !important;
}

/* ---------- 4. Menu mobile: #vadelata e Promocoes ----------
   h3.promocoes tem classe unica.
   #vadelata divide a classe .clube com o Clube Cerveja Box, que deve ficar,
   entao a separacao e pelo href. */
menu#menu > h3.promocoes {
  display: none !important;
}

menu#menu > h3:has(> a[href*="vadelatastore"]) {
  display: none !important;
}

/* ---------- 5. Itens que o desktop ja esconde e o mobile mostra ----------
   NAO ATIVAR sem o cliente pedir. Deixado pronto para a conversa. */
/*
menu#menu > div.menu-departamento > h3.outras-categorias,
menu#menu > div.menu-departamento > h3.porter,
menu#menu > div.menu-departamento > h3.stout,
menu#menu > div.menu-departamento > h3.kits-degustacao,
menu#menu > div.menu-departamento > h3[class*="sem-gluten"] {
  display: none !important;
}
*/

/* ---------- 6. Mensagem de confirmacao do cadastro ----------
   Criada pelo cervejabox-fix-1.0.0.js */
.cb-fix-msg {
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.cb-fix-msg--ok {
  background: #0a6b2d;
  color: #ffffff;
}

.cb-fix-msg--erro {
  background: #a11414;
  color: #ffffff;
}

.cb-fix-msg--aguarde {
  background: #333333;
  color: #ffffff;
}

/* === Fim do clube (nov/2026) === */
/* menu desktop: botão Clube Cerveja Box */
.stpl-header a.bt.clube { display: none !important; }
/* barra de atalhos do celular */
.nav-gwbar-single-row a[href*="clube-de-cervejas"] { display: none !important; }
/* menu lateral do celular: o #vadelata usa a mesma classe, por isso o filtro pelo link */
menu#menu > h3.clube:has(> a[href*="clube-de-cervejas"]) { display: none !important; }
/* banners de clube no submenu de Estilos */
.submenu .box-banner:has(a[href*="clube-de-cervejas"]), #bannersSubmenu .box-banner:has(a[href*="clube-de-cervejas"]) { display: none !important; }
/* home: banner Clube no bloco de banners (no celular ele é removido pelo JS antes do carrossel) */
#wapperBottomTriplo .box-banner:has(a[href*="clube-de-cervejas"]) { display: none !important; }
#wapperBottomTriplo .tpl-center { text-align: center; justify-content: center; }
/* home: cartão do clube no bloco de depoimentos */
.col-md-4-teste:has(> a[href*="clube-de-cervejas"]) { display: none !important; }
/* prateleiras: preço de sócio + Conheça o clube */
.boxWrapPreceComprar.socio { display: none !important; }
/* página de produto: caixa flutuante do clube e banner Frete Prime */
#scroll-flutuante .wrapper.clube { display: none !important; }
section#area-a .box-banner:has(a[href*="clube-de-cervejas"]) { display: none !important; }
/* departamento Estilos duplicado no catálogo: esconde a segunda ocorrência (mesmo link) */
li.itemDepartamento.estilos ~ li.itemDepartamento.estilos { display: none !important; }
menu#menu .menu-departamento h3.estilos ~ h3.estilos { display: none !important; }