/**
 * Webup Woo — VAT display toggle
 *
 * @package Webup_Woo
 */

.webup-woo-vat-toggle {
    display: inline-flex;
    padding: 2px;
    background: var(--webup-woo-vat-toggle-bg, #f0f0f0);
    border-radius: 999px;
    line-height: 1;
}

.webup-woo-vat-toggle__btn {
    appearance: none;
    margin: 0;
    padding: 6px 14px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--webup-woo-light-text, #666);
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.webup-woo-vat-toggle__btn:hover {
    color: var(--webup-woo-text, #333);
}

.webup-woo-vat-toggle__btn.is-active {
    background: var(--webup-woo-card-bg, #fff);
    color: var(--webup-woo-text, #333);
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.webup-woo-vat-toggle__btn:focus-visible {
    outline: 2px solid var(--webup-woo-primary, #0073aa);
    outline-offset: 2px;
}

/* Suffix after the price */
.webup-woo-vat-suffix {
    margin-left: 4px;
    color: var(--webup-woo-light-text, #888);
    font-size: 0.75em;
    font-weight: 400;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .webup-woo-vat-toggle__btn {
        transition: none;
    }
}