/*
 * No-JS tab mechanism for the teammade toggle bundle.
 * The radio inputs drive the visible panel purely via CSS :checked.
 * A theme may override the visual styling; the display rules below are the
 * functional core and should be kept.
 */

.tabcontrol-native .tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* Radios are the state carriers; keep them out of the flow but accessible. */
.tabcontrol-native .tab-switch {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.tabcontrol-native .tab-label {
    order: 1;
    cursor: pointer;
    padding: 0.5rem 1rem;
    display: block;
}

.tabcontrol-native .tab-content {
    order: 2;
    width: 100%;
    display: none;
}

/* Show the panel that follows the checked radio + its label. */
.tabcontrol-native .tab-switch:checked + .tab-label + .tab-content {
    display: block;
}

/* Active tab label state. */
.tabcontrol-native .tab-switch:checked + .tab-label {
    font-weight: 700;
}

/* Keyboard focus visibility (radios are visually hidden). */
.tabcontrol-native .tab-switch:focus-visible + .tab-label {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

fieldset legend::after {
    display: inline;
}

/* Deutschland */
fieldset[id$="_de"] legend::after {
    content: " 🇩🇪";
    color: red;
}

/* Vereinigtes Königreich (falls benötigt, aber nicht mehr in der EU) */
fieldset[id$="_en"] legend::after {
    content: " 🇬🇧";
    color: blue;
}

/* Frankreich */
fieldset[id$="_fr"] legend::after {
    content: " 🇫🇷";
    color: #0055A4;
}

/* Italien */
fieldset[id$="_it"] legend::after {
    content: " 🇮🇹";
    color: #008C45;
}

/* Spanien */
fieldset[id$="_es"] legend::after {
    content: " 🇪🇸";
    color: #AA151B;
}

/* Portugal */
fieldset[id$="_pt"] legend::after {
    content: " 🇵🇹";
    color: #006600;
}

/* Niederlande */
fieldset[id$="_nl"] legend::after {
    content: " 🇳🇱";
    color: #21468B;
}

/* Belgien */
fieldset[id$="_be"] legend::after {
    content: " 🇧🇪";
    color: #FFD700;
}

/* Österreich */
fieldset[id$="_at"] legend::after {
    content: " 🇦🇹";
    color: #ED2939;
}

/* Schweden */
fieldset[id$="_se"] legend::after {
    content: " 🇸🇪";
    color: #004B87;
}

/* Finnland */
fieldset[id$="_fi"] legend::after {
    content: " 🇫🇮";
    color: #002F6C;
}

/* Dänemark */
fieldset[id$="_dk"] legend::after {
    content: " 🇩🇰";
    color: #C8102E;
}

/* Irland */
fieldset[id$="_ie"] legend::after {
    content: " 🇮🇪";
    color: #009A44;
}

/* Griechenland */
fieldset[id$="_gr"] legend::after {
    content: " 🇬🇷";
    color: #0D5EAF;
}

/* Polen */
fieldset[id$="_pl"] legend::after {
    content: " 🇵🇱";
    color: #DC143C;
}

/* Tschechien */
fieldset[id$="_cz"] legend::after {
    content: " 🇨🇿";
    color: #11457E;
}

/* Slowakei */
fieldset[id$="_sk"] legend::after {
    content: " 🇸🇰";
    color: #EE1C25;
}

/* Ungarn */
fieldset[id$="_hu"] legend::after {
    content: " 🇭🇺";
    color: #C8102E;
}

/* Slowenien */
fieldset[id$="_si"] legend::after {
    content: " 🇸🇮";
    color: #0D5EAF;
}

/* Kroatien */
fieldset[id$="_hr"] legend::after {
    content: " 🇭🇷";
    color: #C8102E;
}

/* Bulgarien */
fieldset[id$="_bg"] legend::after {
    content: " 🇧🇬";
    color: #00966E;
}

/* Rumänien */
fieldset[id$="_ro"] legend::after {
    content: " 🇷🇴";
    color: #002B7F;
}