/* ==== Cor do contador do carrinho ==== */
.header-cart .badge,
.header__cart .badge,
.cart__count,
.cart-count,
#cart .badge,
#cart-count,
.icon-cart .badge,
.header-cart-count,
.cart-badge {
    background-color: #7A9F5C !important; /* verde da sua marca */
    color: #fff !important; /* número branco dentro da bolinha */
}
/* ===========================
   Forçar cor do badge do carrinho
   =========================== */

/* regras gerais (mais comuns) */
.header-cart .badge,
.header__cart .badge,
.icon-cart .badge,
.cart__count,
.cart-count,
.header-cart-count,
.cart-badge,
.shopping-cart__count,
.shopping-cart .count,
#cart .badge,
#cart-count,
.header .cart__count,
.header .cart-count {
  background: #7A9F5C !important;      /* verde da marca */
  background-image: none !important;   /* remove gradientes */
  color: #ffffff !important;           /* número branco */
  box-shadow: none !important;         /* remove sombra azulado */
  border: 0 !important;
}

/* alguns temas usam <span> ou pseudo-elementos */
.header-cart .badge span,
.icon-cart .badge span,
.cart-badge span,
.shopping-cart__count span,
.cart__count::before,
.cart__count::after,
.badge::before,
.badge::after {
  background: #7A9F5C !important;
  color: #ffffff !important;
  background-image: none !important;
}

/* se o badge for desenhado por SVG, força o fill do círculo */
.icon-cart svg circle,
.icon-cart svg .badge,
.icon-cart svg [fill] {
  fill: #7A9F5C !important;
  stroke: #7A9F5C !important;
}

/* se o badge estiver com estilo inline muito específico, sobrescreve com alto peso */
[data-test*="cart"] .badge,
[data-role*="cart"] .badge,
[class*="cart"] .badge,
[class*="cart"] .count {
  background: #7A9F5C !important;
  color: #fff !important;
}

/* garante que não haja imagem de fundo azul */
.header-cart .badge,
.icon-cart .badge,
.cart-badge {
  background-image: none !important;
}
/* Fundo geral da loja */
body,
html {
  background-color: #E8E4D4 !important;
}

/* Fundo das seções, containers e áreas internas */
.container,
.page-content,
.content,
section,
.main-content,
header,
footer {
  background-color: #E8E4D4 !important;
}

/* Caso tenha áreas brancas internas que queira uniformizar */
.card,
.box,
.produto,
.product,
.widget {
  background-color: #E8E4D4 !important;
}