/* Portal looks of the shared dropdown (frontend/web/shared/ua-select): the base is already the dark
   portal style; here are the form fields, the language switcher and the filter widths. */

/* ---------- forms (sign-up): a field, not a pill ---------- */

.site-register .ua-select {
    --uas-h: 50px;
    --uas-radius: 14px;
    --uas-pad-x: 16px;
}

.site-register .ua-select-panel {
    width: 100%;
    max-width: none;
}

/* ---------- language switcher (headers) ---------- */

.ua-select--lang {
    --uas-border: rgba(255, 255, 255, .1);
    --uas-bg: rgba(255, 255, 255, .04);
}

/* landing header over the video: white text; white header below it: dark text */
header.not_fixed:not(#header) .ua-select--lang {
    --uas-border: rgba(255, 255, 255, .35);
    --uas-bg: rgba(0, 0, 0, .15);
}

header.fixed .ua-select--lang {
    --uas-border: rgba(0, 0, 0, .12);
    --uas-bg: #ffffff;
    --uas-bg-hover: #ffffff;
    --uas-color: #1C1C1C;
    --uas-caret: #5A4C00;
}

header.fixed .ua-select--lang .ua-select-panel {
    color: #ffffff;
}

/* ---------- filters next to page titles ---------- */

.page-head-filters .ua-select,
.under_filters .ua-select,
.under_filters_library .ua-select {
    min-width: 220px;
}

@media screen and (max-width: 800px) {
    .page-head-filters .ua-select,
    .under_filters .ua-select,
    .under_filters_library .ua-select {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0 !important;
        --uas-h: 48px;
    }
    .page-head-filters .ua-select-panel,
    .under_filters .ua-select-panel,
    .under_filters_library .ua-select-panel {
        width: 100%;
        max-width: none;
    }

    /* inside the opened phone menu: full width, the list opens in place (the menu scrolls) */
    .navbar-collapse .ua-select--lang {
        --uas-h: 48px;
        display: block;
        width: 100%;
    }
    .navbar-collapse .ua-select--lang .ua-select-button {
        justify-content: center;
    }
    .navbar-collapse .ua-select--lang .ua-select-value {
        flex: 0 1 auto;
    }
    .navbar-collapse .ua-select--lang .ua-select-panel {
        position: static;
        width: 100%;
        max-width: none;
        margin-top: 8px;
    }
}