/* ── location-cascade.css ───────────────────────────────────────
   Generic styling for cascading country/state/city <select> fields
   on public forms. Pairs with public/assets/js/shared/location-cascade.js
──────────────────────────────────────────────────────────────── */

select.loc-cascade:disabled,
input.loc-cascade:disabled {
    cursor: not-allowed;
    opacity: .65;
}

/* Select2 baseline so it behaves inside whatever field wrapper the host
   form already uses (bd-directory-listings__field, inputBox, form-control,
   contact_input, etc.) without needing per-form overrides. */
.select2-container--default .select2-selection--single {
    height: calc(2.5em + 2px);
    border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(2.5em);
    padding-left: .9rem;
    font-size: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(2.5em + 2px);
}
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13,110,253,.1);
}
.select2-dropdown {
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
}