/*********************************************
* Filter
*********************************************/
/* General */
.vii-speakers__form {
    --filter-height:62px;
    --filter-radius:10px;
    --filter-border:var(--vii-color-white);
    --filter-border-hover:var(--vii-color-blue);

    --filter-search-width:clamp(300px, 387px, calc(0.3 * var(--vii-container)));
    --filter-select-width:clamp(400px, 640px, calc(0.5 * var(--vii-container)));

    gap:36px; margin-bottom:var(--vii-spacing-96); position:relative; z-index:10;
}

/* Filter > Select dropdown */
body.admin-bar .select2-container--open .select2-dropdown {margin-top:0; border:none; background:rgba(0, 0, 0, 0);}
body .select2-container--default .select2-results > .select2-results__options {
    max-height:400px; margin:0;
    border-radius:10px !important;
    background:#fff; padding:20px 0;
}
.select2-results__options .select2-results__option {
    min-height:56px; padding:5px 20px 5px 80px;
    display:flex; align-items:center; position:relative;
    font-family:var(--vii-font-heading), sans-serif; font-size:var(--vii-size-18); font-weight:500;
    text-transform:uppercase; transition:var(--vii-transition);
    background:rgba(0, 0, 0, 0) !important; color:var(--vii-color-dark) !important;
}
.select2-results__options .select2-results__option.select2-results__message {padding-left:20px;}
.select2-results__options .select2-results__option:not(.select2-results__message):before {
    content:"";
    width:38px; aspect-ratio:1; background:rgba(0, 0, 0, 0);
    position:absolute; left:20px; top:50%; transform:translateY(-50%);
    border:1px solid var(--vii-color-dark);
    transition:var(--vii-transition);
}
.select2-results__options .select2-results__option:not(.select2-results__message):after {
    font-family:var(--vii-font-icomoon), fantasy; content:"\e932";
    font-size:14px; line-height:1; color:#fff;
    position:absolute; left:33px; top:50%; transform:translateY(-50%);
    transition:var(--vii-transition);
}
.select2-results__options .select2-results__option.select2-results__option--selected,
.select2-results__options .select2-results__option:not(.select2-results__message):hover {
    background:rgba(0, 0, 0, 0) !important; color:var(--vii-color-blue-1) !important; text-shadow:0 0 var(--vii-color-blue-1);
}
.select2-results__options .select2-results__option.select2-results__option--selected:before {
    background:var(--vii-color-dark);
}

/* Filter > Select */
.vii-speakers__form-select select {
    height:var(--filter-height); overflow:hidden; background:rgba(0, 0, 0, 0);
    font-family:var(--vii-font-body), sans-serif; font-size:var(--vii-size-18); font-weight:700; color:var(--vii-color-white);
    text-transform:uppercase; position:relative !important; clip-path:unset !important;
}
.vii-speakers__form-select select option:not(:first-child) {display:none;}
.vii-speakers__form-select select option {
    position:absolute; top:50%; left:20px; right:20px; transform:translateY(-50%);
    font-weight:700;
}
.vii-speakers__form-select {width:var(--filter-select-width);}
.vii-speakers__form-select .select2-container--default {width:100% !important; cursor:pointer;}
.vii-speakers__form-select .selection {display:block;}
.vii-speakers__form-select select,
.vii-speakers__form-select .select2-container--default .select2-selection--multiple {
    width:var(--filter-select-width) !important; min-height:var(--filter-height);
    border:1px solid var(--filter-border); border-radius:var(--filter-radius) !important;
    padding:10px 60px 10px 32px; position:relative; transition:border-color 0.3s ease;
    color:var(--vii-color-white); font-weight:700;
}
.vii-speakers__form-select .select2-container--default .select2-selection--multiple {
    display:flex; align-items:center; cursor:pointer;
    background:rgba(0, 0, 0, 0);
}
.vii-speakers__form-select .select2-container--default .select2-selection--multiple:before {
    font-family:var(--vii-font-icomoon), fantasy; content:"\e931";
    font-weight:400; font-size:20px;
    position:absolute; right:20px; top:50%; transform:translateY(-50%);
    transition:var(--vii-transition); pointer-events:none;
}
.vii-speakers__form-select .select2-container--default .select2-selection--multiple.select2-selection--clearable:before {opacity:0;}
.vii-speakers__form-select .select2-container--default.select2-container--open .select2-selection--multiple:before {
    transform:translateY(-50%) rotate(180deg);
}
.vii-speakers__form-select .select2-container .select2-selection--multiple .select2-selection__rendered {
    margin:0; max-width:100%;
    display:flex; flex-wrap:wrap; gap:6px;
    position:relative; z-index:2;
}
.vii-speakers__form-select .select2-container .select2-selection--multiple .select2-selection__rendered:has(*) + .select2-search--inline {opacity:0;}
.vii-speakers__form-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin:0; border:none;
    font-family:var(--vii-font-heading), sans-serif; font-size:14px; font-weight:400;
    text-transform:uppercase; transition:var(--vii-transition);
    overflow:hidden; text-overflow:ellipsis; display:inline-block;
    background:var(--vii-color-dark-blue);
}
.vii-speakers__form-select .select2-search.select2-search--inline {
    position:absolute;top:50%;left:32px;right:32px;transform:translateY(-50%);
    display:flex;align-items:center;justify-content:center;
}
.vii-speakers__form-select .select2-search.select2-search--inline textarea {
    margin:0; display:block; height:28px; padding-right:32px; padding-top:4px;
    background:rgba(0, 0, 0, 0); color:var(--vii-color-white);
    font-size:var(--vii-size-18); font-family:var(--vii-font-body), sans-serif;
    vertical-align:middle; cursor:pointer;
}
.vii-speakers__form-select .select2-search.select2-search--inline textarea::placeholder {
    color:var(--vii-color-white);
    font-weight:700;
    padding-right:32px;
}
.vii-speakers__form-select .select2-selection--multiple .select2-selection__choice__display {font-weight:700;}
.vii-speakers__form-select .select2-selection--multiple .select2-selection__choice__remove {
    width:20px; height:100%; border:none;
    display:flex; align-items:center; justify-content:center;
    color:var(--vii-color-white); font-size:20px;
}
.vii-speakers__form-select .select2-selection--multiple .select2-selection__choice__remove:hover {
    background:rgba(0, 0, 0, 0); color:var(--vii-color-blue);
}

/* Filter > Search */
.vii-speakers__form-search {width:var(--filter-search-width); position:relative;}
.vii-speakers__form-search .vii-speakers__form-field {
    background:rgba(0, 0, 0, 0); color:var(--vii-color-white); font-size:var(--vii-size-18); font-weight:700;
    font-size:var(--vii-size-18); font-family:var(--vii-font-heading), sans-serif;

    width:100%; height:var(--filter-height); display:block;
    padding:5px 60px 5px 32px; margin:0 !important;
    -webkit-appearance:none !important; -webkit-border-radius:var(--filter-radius) !important; border-radius:var(--filter-radius) !important;
    border:1px solid var(--filter-border);
    transition:var(--vii-transition);
}
.vii-speakers__form-search input[type="search" i]::-webkit-search-cancel-button {opacity:0 !important;}
.vii-speakers__form-search .vii-speakers__form-field::placeholder {color:var(--vii-color-white);}
.vii-speakers__form-search .vii-speakers__form-submit,
.vii-speakers__form-search .vii-speakers__form-clear {
    width:40px; aspect-ratio:1;
    display:flex; align-items:center; justify-content:center;
    background:rgba(0, 0, 0, 0); color:var(--vii-color-white);
    font-size:20px; line-height:1;
    position:absolute; right:18px; top:50%; transform:translateY(-50%); z-index:2;
}
.vii-speakers__form-search .vii-speakers__form-clear {
    right:55px;
    font-size:14px;
    cursor:pointer;
    transition:var(--vii-transition);
}
.vii-speakers__form-search .vii-speakers__form-clear:hover {color:var(--vii-color-blue)}
.vii-speakers__form-search .vii-speakers__form-field:placeholder-shown ~ .vii-speakers__form-clear {
    opacity:0; pointer-events:none;
}
.vii-speakers__form-search .vii-speakers__form-field:hover,
.vii-speakers__form-select .select2-container--default .select2-selection--multiple:hover {border-color:var(--filter-border-hover);}
.vii-speakers__form-search .vii-speakers__form-field:hover::placeholder,
.vii-speakers__form-search .vii-speakers__form-field:focus::placeholder {color:rgba(255, 255, 255, .2);}
.vii-speakers__form-search .vii-speakers__form-submit:hover {color:var(--vii-color-primary)}

/* show/hide notice */
.vii-speakers:has(.vii-speakers__grid .no-more-item) .vii-speakers__empty {display:block}
.vii-speakers:has(.vii-speakers__grid .no-more-item) .select2-container--default .select2-results > .select2-results__options {
    max-height:225px;
}

/* loading */
.vii-speakers__grid > div.loading:before {
    border-radius:25px;
}


/*********************************************
* Filter - Responsive
*********************************************/
@media only screen and (max-width:1280px) {
    .vii-speakers__form {
        --filter-height:60px;

        gap:var(--vii-spacing-gap-container);
    }
}
@media only screen and (max-width:1024px) {
    .vii-speakers__form {
        --filter-search-width:35%;
        --filter-select-width:calc(65% - var(--vii-spacing-gap-container));
    }
    .vii-speakers__form-select select {width:0 !important;}
    .vii-speakers__form-select .select2-container--default .select2-selection--multiple {
        width:100% !important; padding-left: var(--vii-spacing-gap-container);
    }
    .vii-speakers__form-search .vii-speakers__form-field {padding-left: var(--vii-spacing-gap-container);}
    .vii-speakers__form-select .select2-search.select2-search--inline {left:20px;right:20px;}
}
@media only screen and (max-width:1023px) {
    .vii-speakers__form {
        --filter-select-width:var(--vii-container);
        --filter-search-width:var(--vii-container);
        flex-direction:column;
        max-width:768px; margin-left:auto; margin-right:auto;
    }

    .vii-speakers__form-select select {max-width:0 !important;}
    .vii-speakers__form-select, .vii-speakers__form-search,
    .vii-speakers__form-select .select2-container--default .select2-selection--multiple {width:100% !important;}
    .vii-speakers__form-search .vii-speakers__form-field {padding-left:20px;}
    .vii-speakers__form-search .vii-speakers__form-submit {right:10px;}
    .vii-speakers__form-search .vii-speakers__form-clear {right:45px;}
    .vii-speakers:has(.vii-speakers__grid .no-more-item) .select2-container--default .select2-results > .select2-results__options {
        max-height:300px;
    }
}
@media only screen and (max-width:480px) {
    .vii-speakers__form-select .es-current .es-option:after {font-size:16px;}
    .vii-speakers__form-search .vii-speakers__form-submit {font-size:18px;}
    .vii-speakers__empty {color:var(--vii-color-white) !important;}

    .select2-results__options .select2-results__option {padding-left:44px; font-size:16px;}
    .select2-results__options .select2-results__option:not(.select2-results__message):before {
        width:22px; left:10px;
        top:10px; transform:translateY(0);
    }
    .select2-results__options .select2-results__option:not(.select2-results__message):after {
        font-size:12px; left:16px;
        top:16px; transform:translateY(0);
    }
}