/* Hide native selects until Select2 initializes to prevent flickering */
select:not(.select2-hidden-accessible):not(.select2-initialized) {
    opacity: 0;
    visibility: hidden;
    position: relative;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}

select.select2-initialized,
select.select2-hidden-accessible {
    opacity: 1;
    visibility: visible;
}

.select2 {
    font-size: 0.8125rem;
    font-weight: 500;
}

.select2-container .select2-selection--single {
    height: 2.5rem;
}

.select2-container--default .select2-selection--single {
    background-color: var(--zm-select-bg);
    border-color: var(--zm-select-color);
    border-radius: 500px;
}

/* When the select is open */
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple {
    border-radius: 500px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 2.5rem;
    color: var(--zm-select-color);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-inline-start: 1.25rem;
    padding-inline-end: 3.75rem;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 2.5rem;
    width: 3.75rem;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border: none;
    mask-image: url("/themes/custom/zumm/icons/zm-chevron-down-icon.svg");
    mask-size: 1.25rem;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--zm-select-color);
    width: 1.25rem;
    height: 1.25rem;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.select2-dropdown {
    background-color: var(--zm-select-dropdown-bg);
}

.select2-container--open .select2-dropdown--below {
    margin-block-start: 0.5rem;
    border: 1px solid var(--zm-select-dropdown-border-color);
    border-radius: 0.625rem;
    overflow: hidden;
    padding: 0.25rem 1rem;
}

.select2-results__option {
    padding: 0.75rem 0;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--zm-select-dropdown-color) !important;
}

/* .select2-results__option:not(:last-child) {
    border-block-end: 0.0625rem solid var(--zm-global-color-white);
} */

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--zm-select-dropdown-focus-bg);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--zm-select-dropdown-active-bg) !important;
    color: var(--zm-select-dropdown-active-color) !important;
}

form.--inverse .select2-container--default .select2-selection--single,
.form.--inverse .select2-container--default .select2-selection--single {
    background-color: var(--zm-input-inverse-bg);
    border-color: var(--zm-input-inverse-border-color);
}

form.--inverse
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered,
.form.--inverse
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--zm-input-inverse-color);
}