/* ESTILOS GLOBAIS (desktop + mobile por padrão) */

/* Fundo geral */
body {
  background-color: #ffeddc !important;
}

/* Botão "Categorias" */
.bottom1.menu-vertical button, 
.bottom1.menu-vertical button:focus, 
.bottom1.menu-vertical button:active {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #707956 !important;
  color: #fff !important;
  font-weight: bold;
  width: 100% !important;
  display: block;
}

/* Containers do botão transparentes */
.megamenuToogle-wrapper,
.megamenuToogle-pattern,
.navbar-header {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Menu de categorias com fundo claro */
.vertical-wrapper,
.container-mega,
.megamenu,
.with-sub-menu .sub-menu,
.with-sub-menu .content,
.with-sub-menu .row,
.with-sub-menu .column,
.with-sub-menu .row-list {
  background-color: #ffeddc !important;
  border: none !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  /* Força o fundo do menu lateral / overlay no mobile */
  .vertical-wrapper,
  .container-mega,
  .megamenu,
  .with-sub-menu .sub-menu,
  .megamenuToogle-wrapper,
  .megamenuToogle-pattern {
    background-color: #707956 !important;
  }
}