/* Вбудований combobox має показувати меню за межами рамки пошуку. */
.admin-search-bar:has(.admin-search-bar__field--custom) {
    overflow: visible;
}

/* Спільний список у шарі сторінки: не залежить від координат меню ОС в емуляції Chrome. */
@supports (appearance: base-select) {
    select:not([multiple]):is(:not([size]), [size="1"]):not([data-admin-custom-select-input]),
    select:not([multiple]):is(:not([size]), [size="1"]):not([data-admin-custom-select-input])::picker(select) {
        appearance: base-select !important;
    }

    select:not([multiple]):is(:not([size]), [size="1"])::picker(select) {
        width: anchor-size(self-inline);
        min-width: anchor-size(self-inline);
        max-width: calc(100vw - 24px);
        max-height: min(320px, 60dvh);
        margin-block: 4px;
        padding: 4px;
        border: 1px solid var(--theme-border, var(--admin-border, #ddd));
        border-radius: 12px;
        background: #fff;
        color: var(--theme-text, var(--admin-text, #30272b));
        box-shadow: 0 8px 24px rgb(0 0 0 / .14);
        font: inherit;
        overflow: auto;
    }

    select:not([multiple]):is(:not([size]), [size="1"]) option {
        min-height: 44px;
        padding: 10px 12px;
        border-radius: 8px;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    select:not([multiple]):is(:not([size]), [size="1"]) option:checked {
        background: var(--theme-surface, var(--admin-surface-muted, #f5f3f4));
        font-weight: 600;
    }

    select:not([multiple]):is(:not([size]), [size="1"]) option:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: -2px;
    }

    /* Меню мов має вміщувати повні назви, хоча кнопка показує лише код мови. */
    select[data-vibiez-locale-auto]:not([multiple])::picker(select) {
        width: max-content;
        min-width: max(10rem, anchor-size(self-inline));
        left: auto;
        right: anchor(right);
    }

    select[data-vibiez-locale-auto]:not([multiple]) option {
        white-space: nowrap;
        overflow-wrap: normal;
    }

    /* У фільтрах магазину вже є власна стрілка. */
    .eden-shop-filter-select select {
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

    .eden-shop-filter-select select > button,
    .eden-shop-filter-select selectedcontent {
        display: block;
        width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .eden-shop-filter-select select::picker-icon {
        display: none;
    }

    #eden-shop-category::picker(select),
    #eden-shop-sort::picker(select) {
        width: max(220px, anchor-size(self-inline));
    }

    #eden-shop-sort::picker(select) {
        left: auto;
        right: anchor(right);
    }
}