/* 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;
    }
}

/* Valor "De/Por" dentro da própria linha Total, no checkout, quando o
   desconto do PIX está sendo aplicado */
.tmopt-pix-total-before {
    color: #5f5e5a;
    font-weight: 500;
    font-size: .9em;
    margin-right: 6px;
}
.tmopt-pix-total-after {
    text-decoration: none;
    color: #0f6e56;
    font-weight: 500;
    font-size: 1.15em;
}
.tmopt-pix-savings-badge {
    display: inline-block;
    margin-top: 6px;
    background: #eaf3de;
    color: #27500a;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 20px;
}

/* Preço com desconto do PIX/Cartão na vitrine, categoria e página do
   produto — só aparece quando o carrinho da cliente já bateu a faixa de
   desconto. Empilhado, centralizado e simétrico. !important porque o
   tema (Flatsome) já define display/alinhamento próprio pro preço. */
.tmopt-pix-card-price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 2px !important;
    width: 100% !important;
}
.tmopt-pix-card-price-original,
.tmopt-pix-card-price-pix,
.tmopt-pix-card-price-card {
    display: block !important;
    width: 100% !important;
}
.tmopt-pix-card-price-original {
    color: #8a8a86 !important;
    text-decoration: line-through !important;
    font-size: .85em !important;
    font-weight: 400 !important;
}
.tmopt-pix-card-price-pix,
.tmopt-pix-card-price-card {
    font-weight: 700 !important;
    line-height: 1.3 !important;
}
.tmopt-pix-card-price-pix {
    color: #0f6e56 !important;
    font-size: 1.05em !important;
}
.tmopt-pix-card-price-card {
    color: #185fa5 !important;
    font-size: .95em !important;
}
.tmopt-pix-card-price-label {
    font-size: .72em;
    font-weight: 400;
    opacity: .85;
}

/* Bloco de desconto PIX/Cartão no carrinho deslizante do cabeçalho,
   inserido pelo pixcard-minicart.js logo antes do Subtotal. */
.tmopt-pixcard-mini-block {
    background: #fffdf0;
    border: 1px solid #f0e6b0;
    border-radius: 8px;
    padding: 10px 12px;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tmopt-pixcard-mini-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.tmopt-pixcard-mini-label {
    font-size: 12.5px;
    font-weight: 700;
}
.tmopt-pixcard-mini-pix { color: #0f6e56; }
.tmopt-pixcard-mini-card { color: #185fa5; }
.tmopt-pixcard-mini-percent {
    font-size: 10.5px;
    font-weight: 400;
    color: #888;
}
.tmopt-pixcard-mini-value {
    font-size: 12.5px;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
}