/* Loaded AFTER select2.min.css so Hulak fields stay consistent. */
.form-card .select2-container,
.field .select2-container,
.register-shell .select2-container,
.form-grid .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    font-family: "Josefin Sans", sans-serif !important;
}

.form-card .select2-container .select2-selection--single,
.field .select2-container .select2-selection--single,
.select2-container--default .select2-selection--single {
    height: 52px !important;
    min-height: 52px !important;
    border: 1px solid #dce4ee !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-card .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
    height: 50px !important;
    padding: 0 44px 0 16px !important;
    color: #152033 !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
}

.form-card .select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #90a0b2 !important;
}

.form-card .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
    width: 36px !important;
    right: 6px !important;
    top: 1px !important;
}
.form-card .select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #7b8b9d transparent transparent transparent !important;
    border-width: 6px 5px 0 5px !important;
    margin-top: -2px !important;
    margin-left: -5px !important;
}

.form-card .select2-container--default.select2-container--focus .select2-selection--single,
.form-card .select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #e36b12 !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(227, 107, 18, 0.12) !important;
}

.field { position: relative; min-width: 0; max-width: 100%; }
.form-grid, .form-card, .register-layout { min-width: 0; max-width: 100%; }
.field .select2-container { display: block; width: 100% !important; max-width: 100% !important; }
.field .select2-dropdown,
.select2-dropdown {
    border: 1px solid #dce4ee !important;
    border-radius: 12px !important;
    overflow: hidden;
    font-family: "Josefin Sans", sans-serif !important;
    box-shadow: 0 16px 40px rgba(15, 39, 68, 0.10);
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}
.select2-search--dropdown {
    padding: 12px !important;
    background: #f6f8fb;
}
.select2-search--dropdown .select2-search__field {
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    border: 1px solid #dce4ee !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    background: #fff !important;
    color: #152033 !important;
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 0.95rem !important;
    outline: none !important;
    box-sizing: border-box !important;
}
.select2-search--dropdown .select2-search__field:focus {
    border-color: #e36b12 !important;
    box-shadow: 0 0 0 3px rgba(227,107,18,.12) !important;
}
.select2-results__option {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 0.95rem !important;
    padding: 10px 14px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #16375f !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 50px !important;
    margin-right: 28px !important;
    font-size: 18px !important;
    color: #8a97a8 !important;
}
