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

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

    gap:36px; margin-bottom:var(--vii-spacing-64); 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:40px 0;
}
.select2-results__options .select2-results__option {
    height:62px; white-space:nowrap; 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:400;
    text-transform:uppercase; transition:var(--vii-transition);
    background:rgba(0, 0, 0, 0) !important; color:var(--vii-color-dark-blue) !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:28px; 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-blue);
    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:16px; line-height:1; color:#fff;
    position:absolute; left:28px; 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-orange) !important;
}
.select2-results__options .select2-results__option.select2-results__option--selected:before {
    background:var(--vii-color-dark-blue);
}

/* Filter > Select */
.vii-speakers__form-select select {
    height:var(--filter-height); overflow:hidden;
    font-family:var(--vii-font-heading), sans-serif; font-size:var(--vii-size-18); font-weight:400;
    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; transform:translateY(-50%);
}
.vii-speakers__form-select {width:var(--filter-select-width);}
.vii-speakers__form-select .select2-container--default {width:100% !important;}
.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:6px 50px 6px 20px; position:relative;
}
.vii-speakers__form-select .select2-container--default .select2-selection--multiple {
    display:flex; align-items:center;
    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:"\e915";
    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;
    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);
}
.vii-speakers__form-select .select2-search.select2-search--inline {
    position:absolute;top:50%;left:20px;right:20px;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;
    background:rgba(0, 0, 0, 0); color:var(--vii-color-dark-blue);
    font-size:var(--vii-size-18); font-family:var(--vii-font-heading), sans-serif;
    vertical-align:middle;
}
.vii-speakers__form-select .select2-search.select2-search--inline textarea::placeholder {color:var(--vii-color-dark-blue);}
.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; padding-bottom:1px;
}
.vii-speakers__form-select .select2-selection--multiple .select2-selection__choice__remove:hover {
    background:rgba(0, 0, 0, 0); color:var(--vii-color-pink);
}

/* 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-dark-blue);
    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-dark-blue);}
.vii-speakers__form-search .vii-speakers__form-submit,
.vii-speakers__form-search .vii-speakers__form-clear {
    background:rgba(0, 0, 0, 0); color:var(--vii-color-dark-blue);
    font-size:20px; line-height:1;
    position:absolute; right:28px; 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-pink)}
.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 {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(0, 0, 0, .2);}
.vii-speakers__form-search .vii-speakers__form-submit:hover {color:var(--vii-color-primary)}

/* Filter > text color white */
.txt_color_white .vii-speakers__form {
    --filter-border:var(--vii-color-white);
    --filter-border-hover:var(--vii-color-white);
}
.txt_color_white .vii-speakers__form-search .vii-speakers__form-submit:not(:hover):not(:focus),
.txt_color_white .vii-speakers__form-search .vii-speakers__form-clear:not(:hover):not(:focus),
.txt_color_white .vii-speakers__form-search .vii-speakers__form-field,
.txt_color_white .vii-speakers__form-search .vii-speakers__form-field::placeholder,
.txt_color_white .vii-speakers__form-select .select2-search.select2-search--inline textarea,
.txt_color_white .vii-speakers__form-select .select2-search.select2-search--inline textarea::placeholder {color:var(--vii-color-white);}
.txt_color_white .vii-speakers__form-search .vii-speakers__form-field:hover::placeholder,
.txt_color_white .vii-speakers__form-search .vii-speakers__form-field:focus::placeholder {color:rgba(255, 255, 255, .2)}
.txt_color_white .vii-speakers__form-select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    color:var(--vii-color-dark-blue)
}

/* 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;
    background:linear-gradient(to bottom, rgba(237,46,110, 0.6) 0%, rgba(255,255,255,.6) 100%);
}

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

        gap:var(--vii-spacing-gap-container);
    }

    /* filter */
    body .select2-container--default .select2-results>.select2-results__options {padding:10px 0;}
    .select2-results__options .select2-results__option {height:52px; padding-left:50px;}
    .select2-results__options .select2-results__option:not(.select2-results__message):before {width:20px;}
    .select2-results__options .select2-results__option:not(.select2-results__message):after {font-size:15px; left:25px;}

    .vii-speakers:has(.vii-speakers__grid .no-more-item) .select2-container--default .select2-results > .select2-results__options {
        max-height:165px;
    }
}
@media only screen and (max-width:768px) {
    .vii-speakers__form {
        --filter-select-width: var(--vii-container);
        --filter-search-width: var(--vii-container);
        flex-direction:column;
    }
    .vii-speakers__form-select select {max-width:0;}
    .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:15px;}

    .vii-speakers:has(.vii-speakers__grid .no-more-item) .select2-container--default .select2-results > .select2-results__options {
        max-height:210px;
    }
}
@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-dark-blue) !important;}
}