/* ── Hero search Select2 fields — blend into the glass search card ───────── */ .search-field-group .select2-container { width: 100% !important; display: block; } .search-field-group .select2-container--default .select2-selection--single { background: transparent; border: none; border-radius: 0; height: auto; padding: 0; display: flex; align-items: center; } .search-field-group .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.4; font-size: 0.91rem; font-weight: 500; color: #fff; } .search-field-group .select2-selection--single .select2-selection__placeholder { color: rgba(255, 255, 255, 0.45); font-size: 0.88rem; font-weight: 400; } .search-field-group .select2-selection--single .select2-selection__arrow { height: 100%; right: 0; } .search-field-group .select2-selection--single .select2-selection__arrow b { border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent; } .search-field-group .select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent; } .search-field-group .select2-selection--single .select2-selection__clear { color: rgba(255, 255, 255, 0.6); margin-right: 6px; } .search-field-group .select2-container--default.select2-container--focus .select2-selection--single { border: none; outline: none; } /* ── Dropdown panel — opened on , styled like the rest of the site ── */ .select2-dropdown { background: var(--wl-surface); border: 1.5px solid var(--wl-border); border-radius: 12px; box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18); overflow: hidden; } .select2-search--dropdown { padding: 8px; } .select2-search--dropdown .select2-search__field { border: 1.5px solid var(--wl-border); border-radius: 8px; padding: 6px 10px; font-size: 0.85rem; color: var(--wl-text); background: var(--wl-surface); outline: none; } .select2-search--dropdown .select2-search__field:focus { border-color: var(--wl-accent); } .select2-results__option { color: var(--wl-text); font-size: 0.88rem; padding: 8px 14px; } .select2-results__option--highlighted.select2-results__option--selectable { background: var(--wl-accent); color: #fff; } .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) { background: rgba(244, 162, 97, 0.12); color: var(--wl-text); } /* ── Mobile: stack search fields vertically ──────────────────────────────── */ @media (max-width: 767px) { .search-fields-row { flex-direction: column; border-radius: 12px; overflow: visible; gap: 0; } .search-field-sep { display: none; } .search-field-group { padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .search-field-group:last-of-type { border-bottom: none; } .search-btn-pill { margin: 10px; padding: 12px 20px; justify-content: center; border-radius: 10px; font-size: 0.9rem; min-height: 46px; } }