/* TrackerMarcus — estiliza o botão "Adicionar ao carrinho" do site inteiro
   (loja, categoria e produto único) com a cor da marca (#fdce0c) e texto
   preto. Usa !important porque o tema (Flatsome) já define cor própria via
   classe .primary, então precisa ganhar de propósito. */

.add_to_cart_button,
.single_add_to_cart_button,
a.add_to_cart_button,
button.single_add_to_cart_button,
.woocommerce a.button.add_to_cart_button {
    background-color: #fdce0c !important;
    border-color: #fdce0c !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    transition: background-color .15s ease, transform .1s ease !important;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover {
    background-color: #e0b70a !important;
    border-color: #e0b70a !important;
    color: #1a1a1a !important;
}
.add_to_cart_button:active,
.single_add_to_cart_button:active {
    transform: scale(.98);
}

/* Ícone de "adicionado" (check) que o WooCommerce injeta via :before continua
   legível em cima do fundo amarelo */
.add_to_cart_button.added,
.single_add_to_cart_button.added {
    color: #1a1a1a !important;
}

/* Desktop: o tema deixa o botão meio pequeno (classe .is-small) — aumenta um
   pouco pra ficar mais chamativo e fácil de clicar */
@media (min-width: 769px) {
    .add_to_cart_button,
    .single_add_to_cart_button {
        padding: 13px 22px !important;
        font-size: 14px !important;
        letter-spacing: .02em !important;
    }
    .single_add_to_cart_button {
        padding: 15px 28px !important;
        font-size: 15px !important;
    }
}

/* Mobile: botão cheio de largura, mas com texto compacto (o tema deixa o
   texto em CAIXA ALTA, então em 15px o "ADICIONAR AO CARRINHO" quebrava em
   3 linhas e o botão ficava enorme) */
@media (max-width: 768px) {
    .add_to_cart_button,
    .single_add_to_cart_button {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 11px 10px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }
    .single_add_to_cart_button {
        padding: 14px 16px !important;
        font-size: 14px !important;
    }
}