/* ============================================
   OUDE HEADER LAYOUT (NIET-SIDEBAR)
   ============================================ */

body:not(.ires-admin-sidebar) .header .QScontainerCssClass {
    width: 70px !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: .75rem;
    border-color: var(--gasto-border, #6c757d) !important;
}

body:not(.ires-admin-sidebar) .QSdropdownCssClass {
    border: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.175)) !important;
    border-radius: 4px !important;
    min-width: 350px;
    width: fit-content !important;
    left: -278px !important;
    top: 5px;
    white-space: nowrap;
}

/* ============================================
   SIDEBAR LAYOUT – QUICKSEARCH
   ============================================ */
/* --- SIDEBAR layout – QUICKSEARCH --- */

/* icoon links */
body.ires-admin-sidebar #quick_search_settings {
    padding: 0.5rem 0.9rem;
    font-size: 1.1rem;
    border-radius: .375rem 0 0 .375rem;
    border-right: 0;
    background-color: var(--gasto-surface-2, #f8f9fa);
}

/* wrapper + container full-width */
body.ires-admin-sidebar #header_quick_search {
    width: 100%;
}

body.ires-admin-sidebar #header_quick_search .select2-container {
    width: 100% !important;
}

/* selection zelf */
body.ires-admin-sidebar .QScontainerCssClass {
    width: 100% !important;
    border-radius: .375rem !important;
    border-color: var(--gasto-border, #ced4da) !important;
}

body.ires-admin-sidebar
.select2-selection.select2-selection--multiple.QScontainerCssClass {
    width: 100% !important;
}

/* topbar wrapper */
body.ires-admin-sidebar .qs-topbar-wrapper {
    display: flex;
    align-items: center;
    max-width: 840px;
    width: 100%;
}

body.ires-admin-sidebar .qs-icon .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    height: 31px;
    display: flex;
    align-items: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.ires-admin-sidebar .qs-input .form-control-sm {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.ires-admin-sidebar .qs-input {
    flex: 1 1 auto;
}

body.ires-admin-sidebar
.qs-input .QScontainerCssClass .select2-selection__rendered {
    flex: 1 1 auto;
    width: 100%;
}

/* resultaten: alleen scroll-hoogte en wrappen */
body.ires-admin-sidebar #header_quick_search
.select2-dropdown .select2-results__options {
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

body.ires-admin-sidebar #header_quick_search
.select2-dropdown .select2-results__option {
    white-space: normal;
}

/* optioneel: max-breedtes per breakpoint – mag je ook schrappen als je altijd 100% wilt */
@media (min-width: 568px) {
    body.ires-admin-sidebar
    .select2-selection.select2-selection--multiple.QScontainerCssClass {
        width: 250px !important;
    }
}
@media (min-width: 768px) {
    body.ires-admin-sidebar
    .select2-selection.select2-selection--multiple.QScontainerCssClass {
        width: 300px !important;
    }
}
@media (min-width: 1200px) {
    body.ires-admin-sidebar
    .select2-selection.select2-selection--multiple.QScontainerCssClass {
        width: 400px !important;
    }
}
@media (min-width: 1500px) {
    body.ires-admin-sidebar
    .select2-selection.select2-selection--multiple.QScontainerCssClass {
        width: 500px !important;
    }
}