/* 1) Layout base: empurra o footer pro fim da página */
html, body { height: 100%; }
.body-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
#footer {             /* o rodapé fica no fim da coluna */
  margin-top: auto;
  display: block !important;
  position: relative;
  z-index: 2;         /* acima de overlays acidentais */
}

/* 2) Não esconder o footer em telas grandes (se o tema fazia isso) */
@media (min-width: 768px) {
  #footer { display: block !important; }
}

/* 3) Evitar que o overlay do menu móvel cubra o footer quando o menu está FECHADO */
.cd-overlay {
  pointer-events: none;   /* não intercepta cliques quando fechado */
  opacity: 0;             /* invisível por padrão */
}
.right_menu.open + .cd-overlay,
.cd-nav-container.is-visible + .cd-overlay {
  pointer-events: auto;   /* só ativa quando o menu está aberto (ajuste a classe conforme seu JS) */
  opacity: .8;
}

/* 4) Alguns temas fixam containers do footer em desktop. Garanta posição normal */
.footer_pos { position: static !important; bottom: auto; width: auto; }


/* header nav cor brand */
.nav--bg {
    background-color: #990100 !important;
}

/* marca */
.brand-img {
    width: 80px;
    height: auto;
    display: block;
}

/* CTA WhatsApp no topo */
.contato-cta {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #fff;
    font-weight: 600;
    margin-left: 1rem;
    text-decoration: none;
}

.contato-cta .fa {
    font-size: 1.25rem;
}

.contato-cta:hover {
    opacity: .9;
    color: #fff;
}

/* contagem do carrinho */
.cart-count {
    font-size: 1.1rem;
    margin-left: .25rem;
}

/* spacing util */
.mt-7 {
    margin-top: 10px;
}

/* responsivo */
@media (max-width:600px) {
    .contato-cta span {
        font-size: 12px;
    }
}