/* ========================================================================================
   stadtbibliothek.css: Stadtbibliothek Sondermodule
   ======================================================================================== */

/*
 * Radiobutton in Suchbox für Katalogauswahl im Contentbereich
 */

.search-selection /* Formular mit Suchauswahl und Suchinputfeld */ {
    display: flex;
    flex-direction: column;
    flex-flow: column-reverse;
    margin-top: .5rem;
}

.radio-group /* Container-Rahmen um Radiobuttons */ {
    border: none;
    margin: 0;
    padding: 1rem 0 .5rem 0;
}

label.radio-group__item:has(input[type=radio]):not(.segmented-control__button):not(:has(nbg-select)):not(:has(nbg-select-2)) /* Label Radiobutton */ {
    align-items: baseline;
    display: flex;
    padding-left: 0;
    padding-bottom: .5rem;
    padding-right: 3rem;
    position: relative;
}

label:has(input[type=radio]):not(.segmented-control__button):not(:has(nbg-select)):not(:has(nbg-select-2)) input.radio-group__radio[type="radio"] /* Standard Radiobutton wird ausgeblendet */ {
    display: none;
}

.radio-group__radio--custom /* gestylter Pseudo Radiobutton */ {
    background: white;
    border: .125rem solid #b9b9b9;
    display: inline-block;
    flex-shrink: 0;
    height: 1.25rem;
    margin-right: .75rem;
    position: relative;
    top: .25rem;
    transition: all .2s linear;
    width: 1.25rem;
}

.dark .radio-group__radio--custom /* gestylter Pseudo Radiobutton */ {
    background: black;
    border: .125rem solid hsl(0, 0%, 27%);
}

input[type="radio"] + .radio-group__radio--custom {
    border-radius: 50%;
}

.radio-group__item:hover .radio-group__radio--custom {
    border: .125rem solid hsl(197, 100%, 25%);
}

input.radio-group__radio[type="radio"]:checked + .radio-group__radio--custom{
    background: hsl(197, 100%, 18%);
    border: .125rem solid hsl(197, 100%, 25%);
}

.dark input.radio-group__radio[type="radio"]:checked + .radio-group__radio--custom{
    background: hsl(197, 100%, 32%);
    border: .125rem solid hsl(197, 100%, 25%);
}

.form-label__br /* Umbruch im Label, wird ab Fensterbreite 22.5rem eingeblendet */ {
    display: none;
}

.form-label__text /* Label Text */ {
    display: inline-block;
}

.box--search-selection .wrapper--content-search search {
    margin-top: 0;
}

/*
 * Panormama: Virtueller Rundgang im Seitencontent - test_panorama.html
 */

.iframe-wrapper--panorama /* Container um Panorama-Iframe */{
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe--panorama {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

/* === Media queries ========================================================= */

@container content-search (min-inline-size: 40rem) /* 640px */ {
    .box--search-selection .wrapper--content-search search {
        max-width: calc(#{$grid-8-column} - #{$gap-w-vw});
    }
}

@media only all and (min-width: 37.5rem) {
    .form-label__br {
        display: block;
    }
    .radio-group {
        display: flex;
        justify-content: flex-start;
    }
}