.tracknow-atc {
    font-family: inherit;
    max-width: 360px;
}

.tracknow-atc-variations {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.tracknow-atc-pill {
    font-family: inherit;
    line-height: 1;
    border-style: solid;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
/* font-size, font-weight, font-style, border-width, border-radius, padding
   e cores (normal/hover/selected) vêm do painel de configurações */

.tracknow-atc-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.tracknow-atc-price {
    font-family: inherit;
}
/* font-size, font-weight, font-style e cor vêm do painel de configurações */

.tracknow-atc-button {
    font-family: inherit;
    border-style: solid;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
/* font-size, font-weight, font-style, border-width, border-radius, padding
   e cores (normal/hover) vêm do painel de configurações */

.tracknow-atc-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.tracknow-atc-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    min-height: 16px;
}

.tracknow-atc-feedback {
    display: block;
    font-size: 12px;
}

.tracknow-atc-cart-icon {
    display: none;
    flex-shrink: 0;
    line-height: 0;
    cursor: pointer;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.15s ease;
}

.tracknow-atc-cart-icon:hover {
    opacity: 1;
}

.tracknow-atc-cart-icon.is-visible {
    display: inline-flex;
}
/* cor do ícone vem do painel (mesma cor da variação selecionada) */

/*
 * O WooCommerce (núcleo, não o tema) insere esse link automaticamente
 * depois de qualquer add-to-cart via AJAX — a combinação dessas duas
 * classes juntas ("added_to_cart" + "wc-forward") é exclusiva desse link
 * específico, então esconder ele aqui não afeta nenhum outro botão do
 * site (ex: "Proceed to checkout" usa outra combinação de classes).
 */
a.added_to_cart.wc-forward {
    display: none !important;
}