.wp-block-uniplus-rt-ba-course-finder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: var(--wp--preset--spacing--48);
    width: 100%;
    max-width: 880px;
    margin: 0;
    padding: var(--wp--preset--spacing--48);
    background-color: var(--wp--preset--color--schnee-base);
    border: 1px solid var(--wp--preset--color--schnee-medium);
}

.wp-block-uniplus-rt-ba-course-finder__sentence {
    display: flex;
    flex: 1 1 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    gap: var(--wp--preset--spacing--16) var(--wp--preset--spacing--12);
    min-width: 0;
}

.wp-block-uniplus-rt-ba-course-finder__break {
    flex-basis: 100%;
    height: 0;
}

.wp-block-uniplus-rt-ba-course-finder__text {
    font-family: var(--wp--preset--font-family--satoshi), sans-serif;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--text-large);
    line-height: 1.5;
    color: var(--wp--preset--color--karbon);
    white-space: nowrap;
}

.wp-block-uniplus-rt-ba-course-finder__select-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}


.wp-block-uniplus-rt-ba-course-finder__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 8px 32px 12px 18px;
    border: 1px solid var(--wp--preset--color--schnee-medium);
    border-radius: 9999px;
    background-color: var(--wp--preset--color--schnee-light);
    font-family: var(--wp--preset--font-family--satoshi), sans-serif;
    font-weight: 500;
    font-size: var(--wp--preset--font-size--text-large);
    line-height: 1.5;
    color: var(--wp--preset--color--karbon);
    cursor: pointer;
}

.wp-block-uniplus-rt-ba-course-finder__select:focus-visible {
    outline: 2px solid var(--wp--preset--color--feuer-500);
    outline-offset: 2px;
}

.wp-block-uniplus-rt-ba-course-finder__select-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--wp--preset--color--karbon);
}

.wp-block-uniplus-rt-ba-course-finder__select-icon {
    transition: transform 0.2s ease;
}

/* Firefox (Windows/Linux) und Chrome ohne base-select uebernehmen wenigstens
   Farben und Schrift in die native Liste. */
.wp-block-uniplus-rt-ba-course-finder__select option {
    background-color: var(--wp--preset--color--schnee-light);
    color: var(--wp--preset--color--karbon);
    font-family: var(--wp--preset--font-family--satoshi), sans-serif;
    font-weight: 500;
}

/* Aufgeklappte Liste im Look der geschlossenen Pille. Nur Chrome/Edge (ab 135)
   koennen das bisher -- Firefox/Safari zeigen weiter die native Liste. */
@supports (appearance: base-select) {
    .wp-block-uniplus-rt-ba-course-finder__select,
    .wp-block-uniplus-rt-ba-course-finder__select::picker(select) {
        appearance: base-select;
    }

    /* Eigener Pfeil (__select-icon) statt des Standard-Pfeils. */
    .wp-block-uniplus-rt-ba-course-finder__select::picker-icon {
        display: none;
    }

    .wp-block-uniplus-rt-ba-course-finder__select:hover {
        background-color: var(--wp--preset--color--schnee-medium);
    }

    .wp-block-uniplus-rt-ba-course-finder__select-wrap:has(> .wp-block-uniplus-rt-ba-course-finder__select:open)
        .wp-block-uniplus-rt-ba-course-finder__select-icon {
        transform: translateY(-50%) rotate(180deg);
    }

    /* Wie das Dropdown der Navigation (navbar/style.css, __dropdown-menu). */
    .wp-block-uniplus-rt-ba-course-finder__select::picker(select) {
        margin-block: 8px;
        padding: 0;
        border: 1px solid var(--wp--preset--color--schnee-medium);
        border-radius: 0;
        background-color: var(--wp--preset--color--schnee-base);
        box-shadow:
                0 36px 79px 0 #0000001A,
                0 144px 144px 0 #00000017,
                0 325px 195px 0 #0000000D,
                0 577px 231px 0 #00000003,
                0 902px 250px 0 #00000000;
        opacity: 0;
        transform: translateY(-4px);
        transition: opacity 0.15s ease, transform 0.15s ease, overlay 0.15s allow-discrete, display 0.15s allow-discrete;
    }

    .wp-block-uniplus-rt-ba-course-finder__select:open::picker(select) {
        opacity: 1;
        transform: none;
    }

    @starting-style {
        .wp-block-uniplus-rt-ba-course-finder__select:open::picker(select) {
            opacity: 0;
            transform: translateY(-4px);
        }
    }

    .wp-block-uniplus-rt-ba-course-finder__select option {
        padding: 16px 24px;
        background-color: transparent;
        font-weight: 700;
        font-size: var(--wp--preset--font-size--text-medium);
        line-height: 1.5;
        cursor: pointer;
        transition: color var(--uni-hover-transition, 220ms ease-in-out);
    }

    .wp-block-uniplus-rt-ba-course-finder__select option:not(:last-of-type) {
        border-bottom: 1px solid var(--wp--preset--color--schnee-medium);
    }

    .wp-block-uniplus-rt-ba-course-finder__select option:hover,
    .wp-block-uniplus-rt-ba-course-finder__select option:focus-visible,
    .wp-block-uniplus-rt-ba-course-finder__select option:checked {
        background-color: transparent;
        color: var(--wp--preset--color--feuer-500);
        outline: none;
    }

    /* Standard-Haekchen ausblenden -- die Auswahl zeigt die rote Schrift. */
    .wp-block-uniplus-rt-ba-course-finder__select option::checkmark {
        display: none;
    }

    @media (prefers-reduced-motion: reduce) {
        .wp-block-uniplus-rt-ba-course-finder__select::picker(select),
        .wp-block-uniplus-rt-ba-course-finder__select option,
        .wp-block-uniplus-rt-ba-course-finder__select-icon {
            transition: none;
        }
    }
}

.wp-block-uniplus-rt-ba-course-finder__actions {
    display: flex;
    align-items: center;
}

.wp-block-uniplus-rt-ba-course-finder__submit {
    white-space: nowrap;
}

@media (max-width: 782px) {
    .wp-block-uniplus-rt-ba-course-finder {
        flex-direction: column;
        align-items: stretch;
        padding: var(--wp--preset--spacing--24);
    }

    .wp-block-uniplus-rt-ba-course-finder__actions {
        justify-content: center;
    }

    .wp-block-uniplus-rt-ba-course-finder__submit {
        width: 100%;
        justify-content: center;
    }
}