/* ---------------------------------------------------------------------------
   select2, dressed as one of our own fields.

   Loaded only by the guest bidding form - the one public screen with a list
   long enough to need searching - and always AFTER select2's own stylesheet,
   because these rules and the ones they replace have identical specificity:
   whichever sheet loads last wins. Tokens come from public-tender.css.
--------------------------------------------------------------------------- */

/* select2's own look is a shade lighter and 14px shorter than every other
   control here; these rules restate it in the page's tokens. */
.select2-container--default .select2-selection--single {
    height: 42px;
    border: 1px solid var(--nrc-line-strong);
    border-radius: var(--nrc-radius);
    background: var(--nrc-surface);
}

.select2-container--default .select2-selection--single:hover {
    border-color: var(--nrc-muted);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px;
    padding-inline: .75rem 2rem;
    font-size: .9375rem;
    line-height: 40px;
    color: var(--nrc-ink);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--nrc-muted);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    inset-inline-end: .5rem;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--nrc-blue);
    outline: 2px solid var(--nrc-blue);
    outline-offset: 1px;
}

.select2-container--default .select2-dropdown {
    border-color: var(--nrc-line-strong);
    border-radius: var(--nrc-radius);
    box-shadow: 0 6px 20px rgba(26, 26, 26, .12);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 38px;
    padding: 0 .625rem;
    font-family: inherit;
    font-size: .9375rem;
    border: 1px solid var(--nrc-line-strong);
    border-radius: var(--nrc-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: 2px solid var(--nrc-blue);
    outline-offset: -1px;
    border-color: var(--nrc-blue);
}

.select2-container--default .select2-results__option {
    padding: .5rem .75rem;
    font-size: .9375rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--nrc-blue);
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background: var(--nrc-blue-tint);
    color: var(--nrc-ink);
    font-weight: 600;
}

/* An invalid submission marks the native select; carry that to the widget. */
.select2-container--default select.is-invalid + .select2-selection--single,
select.is-invalid + .select2-container--default .select2-selection--single {
    border-color: var(--nrc-danger);
}