/**
 * StripeGateway admin_options() — per-language CSS-only tabs.
 * Loaded on the WooCommerce gateway settings screen
 * (admin.php?page=wc-settings&tab=checkout&section=pay4all_for_mypos).
 *
 * The 4 supported languages are hardcoded here (fr / de / it / en) — the
 * whitelist is defined once in the plugin and cannot expand at runtime.
 */
.pay4all-for-mypos-lang-tab-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    height: 0;
    width: 0;
}
.pay4all-for-mypos-lang-tabs {
    display: flex;
    gap: 2px;
    border-bottom: 2px solid #dcdcde;
    margin: 16px 0;
}
.pay4all-for-mypos-lang-tab {
    padding: 10px 20px;
    cursor: pointer;
    border: 1px solid transparent;
    border-bottom: 0;
    margin-bottom: -2px;
    font-weight: 600;
    font-size: 13px;
    color: #646970;
    background: #f6f7f7;
    border-radius: 6px 6px 0 0;
}
.pay4all-for-mypos-lang-tab:hover { color: #1d2327; }
.pay4all-for-mypos-lang-panel {
    display: none;
    background: #fff;
    padding: 0 12px;
}

/* Active tab + matching panel — one rule per supported language. */
#pay4all-for-mypos-lang-fr:checked ~ .pay4all-for-mypos-lang-tabs .pay4all-for-mypos-lang-tab[for="pay4all-for-mypos-lang-fr"],
#pay4all-for-mypos-lang-de:checked ~ .pay4all-for-mypos-lang-tabs .pay4all-for-mypos-lang-tab[for="pay4all-for-mypos-lang-de"],
#pay4all-for-mypos-lang-it:checked ~ .pay4all-for-mypos-lang-tabs .pay4all-for-mypos-lang-tab[for="pay4all-for-mypos-lang-it"],
#pay4all-for-mypos-lang-en:checked ~ .pay4all-for-mypos-lang-tabs .pay4all-for-mypos-lang-tab[for="pay4all-for-mypos-lang-en"] {
    background: #fff;
    border-color: #dcdcde;
    border-bottom-color: #fff;
    color: #1d2327;
}
#pay4all-for-mypos-lang-fr:checked ~ .pay4all-for-mypos-lang-panel-fr,
#pay4all-for-mypos-lang-de:checked ~ .pay4all-for-mypos-lang-panel-de,
#pay4all-for-mypos-lang-it:checked ~ .pay4all-for-mypos-lang-panel-it,
#pay4all-for-mypos-lang-en:checked ~ .pay4all-for-mypos-lang-panel-en {
    display: block;
}
