/* Switch HT/TTC (segmented control) — piloté par --ckwc-tax-*.
   !important + spécificité (.ckwc-tax-switch .ckwc-tax-opt) : le switch est souvent posé
   dans un en-tête Elementor dont les styles de bouton/lien l'écraseraient sinon
   (fond, padding, rayon, casse, couleurs). */
.ckwc-tax-switch {
    display: inline-flex !important;
    width: auto !important;
    background: var(--ckwc-tax-bg, #f1f1f1) !important;
    border: 0 !important;
    border-radius: var(--ckwc-tax-radius, 999px) !important;
    padding: 3px !important;
    gap: 2px !important;
    line-height: 1 !important;
    vertical-align: middle;
    box-shadow: none !important;
}
.ckwc-tax-switch .ckwc-tax-opt {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--ckwc-tax-color, #333333) !important;
    font: inherit;
    font-size: var(--ckwc-tax-fs, 14px) !important;
    font-weight: var(--ckwc-tax-weight, 600) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    cursor: pointer;
    margin: 0 !important;
    padding: var(--ckwc-tax-pad-y, 7px) var(--ckwc-tax-pad-x, 16px) !important;
    border-radius: var(--ckwc-tax-radius, 999px) !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    transition: background .2s ease, color .2s ease;
}
.ckwc-tax-switch .ckwc-tax-opt.is-active {
    background: var(--ckwc-tax-active-bg, #d85830) !important;
    color: var(--ckwc-tax-active-color, #ffffff) !important;
}
/* Suffixe HT/TTC accolé au prix — piloté par --ckwc-tax-suffix-*. */
.ckwc-tax-suffix {
    font-size: var(--ckwc-tax-suffix-fs, .75em);
    font-weight: var(--ckwc-tax-suffix-weight, inherit);
    color: var(--ckwc-tax-suffix-color, inherit);
    opacity: .8;
    margin-left: 2px;
}