:root {
  --cor_primaria: #4FC646;
  --cor_secundaria: #000000;
  --cor_botao: #4FC646;
  --cor_botao_hover: #FFA500;
  --cor_texto_botao: #000000;
  --cor_texto_botao_hover: #000000;
  --cor_botao_comprar: #4FC646;
  --pre_cabecalho: #000000; /* Faixa preta no topo */
  --cor_texto_pre_cabecalho: #FFFFFF; /* Texto branco no topo */
  --cor_cabecalho: #F2F2F2; /* Fundo off-white do cabeçalho */
  --cor_icones: #4FC646;
  --cor_icones_hover: #4FC646;
  --cor_texto_icones: #000000;
  --cor_menu: #000000; /* Menu principal preto */
  --cor_texto_menu: #FFFFFF; /* Texto branco no menu principal */
  --cor_newsletter: #000000;
  --cor_texto_newsletter: #FFFFFF;
  --cor_footer: #F2F2F2;
  --cor_texto_footer: #000000;
  --texto_global: #000000;
  --texto_background: #F2F2F2;
  --cor_tag_frete_gratis: #4FC646;
}

/* Fundo off-white no cabeçalho (desktop e mobile) */
.header-principal, .cabecalho {
  background-color: #F2F2F2 !important;
}

/* Fundo off-white no rodapé */
#rodape {
  background-color: #F2F2F2 !important;
}

/* Fundo off-white no menu categorias mobile */
.menu-categorias-mobile {
  background-color: #F2F2F2 !important;
}

/* Menu principal fixo (horizontal): fundo preto e texto branco */
ul.nivel-um {
  background-color: #000000 !important;
}

ul.nivel-um > li > a {
  color: #FFFFFF !important;
}

/* Submenu (dropdown): fundo branco e texto preto */
ul.nivel-um li ul {
  background-color: #FFFFFF !important;
}

ul.nivel-um li ul li a {
  color: #000000 !important;
  background-color: #FFFFFF !important;
}

/* Dropdown visual */
ul.nivel-um li ul {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  padding: 8px 0;
}

/* Campo de pesquisa */
#header input[type="search"] {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding-left: 15px;
}

/* Texto em acordions */
div.accordion-inner, div.accordion-inner span, div.accordion-inner a, div.accordion-inner p {
  color: #000000 !important;
}

/* Estilo específico para MOBILE */
@media (max-width: 667px) {
  /* Fundo do menu lateral (mobile) */
  .menu-mobile-scroll {
    background: #FFFFFF !important; /* fundo claro no menu lateral */
  }

  /* Texto do menu lateral */
  .menu-lateral, .menu-lateral a, .menu-lateral span {
    color: #000000 !important;
  }

  /* Texto do menu horizontal (fixo) - garantir que continue branco */
  .nivel-um > li > a {
    color: #FFFFFF !important;
  }

  #rodape .institucional,
  #rodape .pagamento-selos {
    background: var(--cor_footer) !important;
  }
}


@media(max-width:768px){
  .menu-mobile-scroll {
    background: var(--cor_menu)!important;
  }
  .menu-mobile-scroll li a {
    color: var(--cor_texto_menu) !important;
 }
}