/* Search sorting bar, scoped independently of sidebar filters. */
#result .hotel-search-sort-bar { --sort-accent: var(--mainColor, #2563eb); --sort-line: color-mix(in srgb, var(--sort-accent) 14%, white); padding: 16px 20px; margin: 0 0 18px; border: 1px solid var(--sort-line); border-radius: 18px; background: #fff; box-shadow: 0 4px 14px #25313e0b; }
#result .hotel-search-sort-bar .info-login { display: flex; align-items: center; gap: 22px; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; }
#result .hotel-search-sort-bar .head-info-login { display: flex; align-items: center; flex: 0 0 auto; width: auto; margin: 0; padding: 0; border: 0; color: #424c59; font-size: 13px; font-weight: 600; white-space: nowrap; }
#result .hotel-search-sort-bar .head-info-login svg { display: none; }
#result .hotel-search-sort-bar .form-sort { display: flex; align-items: center; flex: 1; gap: 28px; width: auto; min-width: 0; margin: 0; padding: 0; }
#result .hotel-search-sort-bar .s-u-form-input-number { position: relative; flex: 1; width: auto; max-width: none; min-width: 0; margin: 0; padding: 0; }
#result .hotel-search-sort-bar .s-u-form-input-number + .s-u-form-input-number::before { content: ''; position: absolute; inset-inline-start: -15px; top: 5px; bottom: 5px; width: 1px; background: #e0e5eb; }
#result .hotel-search-sort-bar .select2-container { width: 100% !important; max-width: 100%; direction: rtl; }
#result .hotel-search-sort-bar .select2-selection--single { display: flex; align-items: center; height: 44px; margin: 0; border: 1px solid #dce1e7; border-radius: 11px; background: #fff; box-shadow: 0 1px 3px #25313e09; }
#result .hotel-search-sort-bar .select2-container .select2-selection--single .select2-selection__rendered { display: block; float: none; width: 100%; margin: 0; padding: 0 14px 0 38px; direction: rtl; color: #25313e; font-family: inherit; font-size: 13px; font-weight: 600; text-align: right; }
#result .hotel-search-sort-bar .select2-selection__arrow { top: 0; right: auto; left: 12px; width: 20px; height: 44px; }
#result .hotel-search-sort-bar .select2-selection__arrow b { top: 17px; left: 6px; width: 9px; height: 9px; margin: 0; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; color: #25313e; transform: rotate(45deg); }
#result .hotel-search-sort-bar .s-u-form-input-number .select2-selection__arrow b { color: var(--sort-accent); }
#result .hotel-search-sort-bar .select2-container--open .select2-selection--single,
#result .hotel-search-sort-bar .select2-container--focus .select2-selection--single { outline: 2px solid color-mix(in srgb, var(--sort-accent) 22%, transparent); outline-offset: 2px; border-color: var(--sort-accent); }
@media (max-width: 575px) {
    #result .hotel-search-sort-bar { padding: 12px; border-radius: 14px; }
    #result .hotel-search-sort-bar .info-login { flex-wrap: wrap; gap: 10px; }
    #result .hotel-search-sort-bar .head-info-login { flex-basis: 100%; font-size: 12px; }
    #result .hotel-search-sort-bar .form-sort { flex-basis: 100%; gap: 20px; }
    #result .hotel-search-sort-bar .s-u-form-input-number + .s-u-form-input-number::before { inset-inline-start: -11px; }
    #result .hotel-search-sort-bar .select2-selection__rendered { font-size: 12px; }
}