.cb-vat-toggle {
    display: inline-flex;
    gap: 0;
    border: 1px solid var(--wp--preset--color--border, #2E2E38);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: var(--wp--preset--spacing--30, 16px);
}

.cb-vat-toggle__btn {
    /* Rendered as a role=button SPAN, not <button>: Windows Chromium paints
       native buttons here with the light widget face + dark text regardless
       of author styles (appearance:none and inline overrides included).
       Spans are immune. Flex centering replicates the button's UA layout. */
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    background: transparent;
    color: var(--wp--preset--color--text-muted, #9898A8);
    border: none;
    padding: 8px 16px;
    font-family: var(--wp--preset--font-family--body, 'DM Sans', sans-serif);
    font-size: var(--wp--preset--font-size--small, 14px);
    cursor: pointer;
    min-height: 44px;
    transition: background-color 0.1s, color 0.1s;
    position: relative;
}

.cb-vat-toggle__btn--active {
    background: var(--wp--preset--color--surface-raised, #222228);
    color: var(--wp--preset--color--text, #F0F0F2);
    border-bottom: 2px solid var(--wp--preset--color--accent, #E8FF00);
}

.cb-vat-toggle__btn:focus-visible {
    outline: 2px solid var(--wp--preset--color--accent, #E8FF00);
    outline-offset: -2px;
}

/* ─── In-header placement (2026-07-11) ───────────────────────────────────────
   The toggle moved from its own top utility bar (which spent a full-width
   strip on two small buttons — operator complaint) into the main header row,
   compacted to sit beside the account + basket icons. */
.cb-header__bar .cb-vat-toggle {
    margin: 0;
    flex: 0 0 auto;
    border-color: var(--wp--preset--color--border, #2E2E38);
}
.cb-header__bar .cb-vat-toggle__btn {
    min-height: 30px;
    padding: 3px 9px;
    font-size: 0.72rem;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .cb-header__bar .cb-vat-toggle__btn {
        min-height: 28px;
        padding: 2px 7px;
        font-size: 0.66rem;
    }
}