/* ===== Price HT / TTC toggle ===== */

#price-tax-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: inherit;

    .price-tax-toggle__label {
        font-size: 14px;
        font-weight: 500;
        color: #111;
        white-space: nowrap;
    }
    
    /* Conteneur segmenté */
    .price-tax-toggle__seg {
        display: inline-flex;
        align-items: stretch;
        background: #fff;
        border: 1px solid #d0d5dd;
        border-radius: 999px;
        padding: 2px;
        box-shadow: 0 1px 2px rgba(0,0,0,.06);
    }
    
    /* Boutons */
    .price-tax-toggle__btn {
        appearance: none;
        border: 0;
        background: transparent;
        padding: 6px 14px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        color: #667085;
        cursor: pointer;
        border-radius: 999px;
        transition: all .2s ease;
    }
    
    /* Hover */
    .price-tax-toggle__btn:hover {
        color: #111;
    }
    
    /* Actif */
    .price-tax-toggle__btn.is-active,
    .price-tax-toggle__btn[aria-pressed="true"] {
        background: #111;
        color: #fff;
    }
    
    /* Focus clavier */
    .price-tax-toggle__btn:focus-visible {
        outline: 2px solid #111;
        outline-offset: 2px;
    }
    
    /* Optionnel : animation subtile */
    .price-tax-toggle__btn {
        position: relative;
    }
    .price-tax-toggle__btn.is-active::after,
    .price-tax-toggle__btn[aria-pressed="true"]::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 999px;
        box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset;
    }
}