/* Custom Select2 Styles for Loginet Frontend */
.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px !important;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 0.375rem 0.75rem !important;
    background-color: #fff !important;
    transition: all 0.15s ease-in-out !important;
}

.select2-container .select2-selection--single:focus {
    border-color: #e2e8f0 !important;
    outline: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    padding-left: 0 !important;
    color: #1a202c !important;
    font-size: 14px !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    right: 6px !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
    border-color: #718096 transparent transparent transparent !important;
    border-width: 4px 4px 0 4px !important;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #718096 transparent !important;
    border-width: 0 4px 4px 4px !important;
}

.select2-dropdown {
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    margin-top: 4px !important;
}

.select2-results__option {
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #1a202c !important;
}

.select2-results__option--highlighted[aria-selected] {
    background-color: #f7fafc !important;
    color: #1a202c !important;
}

.select2-search--dropdown {
    padding: 8px !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 6px 8px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    height: 36px !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23718096" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 8px center !important;
    background-size: 16px !important;
    padding-left: 32px !important;
}

.select2-search--dropdown .select2-search__field:focus {
    border-color: #e2e8f0 !important;
    outline: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.select2-results__option[aria-selected=true] {
    background-color: #f7fafc !important;
}