/* Shared public-site select chrome. Cosmetic overrides unify legacy page utilities. */
.kease-web {
    --select-border: #deddd8;
    --select-ink: #292b2d;
    --select-muted: #73767b;
    --select-accent: #ba8100;
    --select-tint: #fff5df;
    --select-shadow: 0 12px 32px #20202014;
}
.kease-web select:not([multiple]):not([size]):not(.select2-hidden-accessible) {
    appearance: none;
    -webkit-appearance: none;
    min-height: 48px !important;
    max-width: 100%;
    padding-block: 10px !important;
    padding-inline: 14px 40px !important;
    border: 1px solid var(--select-border) !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235e6267' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
    color: var(--select-ink) !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: 0 1px 2px #20202004;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.kease-web:dir(rtl) select:not([multiple]):not([size]):not(.select2-hidden-accessible) { background-position: left 14px center !important; }
.kease-web select:not(.select2-hidden-accessible):hover:not(:disabled) { border-color: #b9b6ad !important; }
.kease-web select:not(.select2-hidden-accessible):focus-visible {
    outline: none;
    border-color: var(--select-accent) !important;
    box-shadow: 0 0 0 3px #ffb30126 !important;
}
.kease-web select:disabled { color: #96989b !important; background-color: #f5f5f3 !important; cursor: not-allowed; }
.kease-web select[aria-invalid="true"], .kease-web select.is-invalid { border-color: #c44838 !important; }
.kease-web select[multiple]:not(.select2-hidden-accessible), .kease-web select[size]:not(.select2-hidden-accessible) { padding: 8px; border: 1px solid var(--select-border); border-radius: 10px; background: #fff; color: var(--select-ink); }
.kease-web select option { color: var(--select-ink); background: #fff; }

/* Native semantics and change handlers stay intact; older browsers use their OS menu. */
@supports (appearance: base-select) {
    .kease-web select:not([multiple]):not([size]):not(.select2-hidden-accessible),
    .kease-web select:not([multiple]):not([size]):not(.select2-hidden-accessible)::picker(select) { appearance: base-select; }
    .kease-web select:not([multiple]):not([size]):not(.select2-hidden-accessible)::picker-icon { display: none; }
    .kease-web select:not([multiple]):not([size]):not(.select2-hidden-accessible)::picker(select) {
        margin-block: 6px;
        padding: 6px;
        border: 1px solid var(--select-border);
        border-radius: 12px;
        background: #fff;
        color: var(--select-ink);
        box-shadow: var(--select-shadow);
        font-family: inherit;
        max-height: min(320px, 60vh);
        overflow-y: auto;
    }
    .kease-web select option { min-height: 42px; padding: 10px 12px; border-radius: 7px; gap: 12px; font-size: 13px; line-height: 1.5; }
    .kease-web select option:checked, .kease-web select option:checked:hover, .kease-web select option:checked:focus { color: #704d00; background: var(--select-tint); font-weight: 600; }
    .kease-web select option:hover, .kease-web select option:focus { background: #f5f4f1; }
    .kease-web select option::checkmark { color: var(--select-accent); }
    .kease-web select option:disabled { color: #aaa; }
}

/* iView location/multi-selects and Select2 forms share the same surfaces. */
.kease-web .ivu-select .ivu-select-selection,
.kease-web .select2-container .select2-selection {
    min-height: 48px !important;
    border: 1px solid var(--select-border) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--select-ink) !important;
    box-shadow: 0 1px 2px #20202004 !important;
}
.kease-web .ivu-select .ivu-select-selection > div { display: flex; flex-wrap: wrap; align-items: center; min-height: 46px; border-radius: 9px; background-color: transparent !important; }
.kease-web .ivu-select .ivu-select-input { align-self: center !important; }
.kease-web .ivu-select-single .ivu-select-selected-value, .kease-web .ivu-select-single .ivu-select-placeholder { height: auto !important; line-height: 46px !important; }
.kease-web .ivu-select .ivu-select-placeholder, .kease-web .select2-selection__placeholder { color: var(--select-muted) !important; }
.kease-web .ivu-select .ivu-select-selection:hover,
.kease-web .select2-container .select2-selection:hover { border-color: #b9b6ad !important; }
.kease-web .ivu-select-visible .ivu-select-selection,
.kease-web .ivu-select .ivu-select-selection:focus-visible,
.kease-web .select2-container--open .select2-selection,
.kease-web .select2-container--focus .select2-selection { border-color: var(--select-accent) !important; box-shadow: 0 0 0 3px #ffb30126 !important; }
.kease-web .ivu-select-disabled .ivu-select-selection,
.kease-web .select2-container--disabled .select2-selection { background: #f5f5f3 !important; opacity: .65; }
.kease-web .ivu-select-dropdown, .kease-web .select2-dropdown {
    padding: 6px;
    border: 1px solid var(--select-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--select-ink);
    box-shadow: var(--select-shadow) !important;
}
.kease-web .ivu-select-item, .kease-web .select2-results__option {
    min-height: 42px;
    margin: 2px 0;
    padding: 10px 12px !important;
    border-radius: 7px;
    font-size: 13px !important;
    line-height: 1.5;
    white-space: normal;
}
.kease-web .ivu-select-item:hover, .kease-web .ivu-select-item-focus,
.kease-web .select2-results__option--highlighted[aria-selected] { background: #f5f4f1 !important; color: var(--select-ink) !important; }
.kease-web .ivu-select-item-selected, .kease-web .ivu-select-item-selected:hover,
.kease-web .select2-results__option[aria-selected="true"] { background: var(--select-tint) !important; color: #704d00 !important; font-weight: 600; }
.kease-web .ivu-select .ivu-tag, .kease-web .select2-selection__choice { border: 0 !important; border-radius: 6px !important; background: var(--select-tint) !important; color: #704d00 !important; }
.kease-web .select2-search--dropdown .select2-search__field { min-height: 40px; padding: 8px 10px; border: 1px solid var(--select-border) !important; border-radius: 7px; background: #faf9f7; }
.kease-web .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-inline: 14px 36px; }
.kease-web .select2-selection--single .select2-selection__arrow { height: 46px; }
.kease-web .select2-selection--multiple { padding: 5px; }

/* These wrappers previously supplied their own background and trailing arrow. */
.kease-web .payment-plan-wrap { padding: 0; height: auto; background: transparent; }
.kease-web .payment-plan-wrap::after { display: none; }
.kease-web .payment-plan-wrap select { padding-inline-start: 46px !important; }
.kease-web #desktop-city { padding-inline-start: 40px !important; }
.kease-web #desktop-city ~ svg:last-child { display: none; }
.kease-web:dir(rtl) #desktop-city + svg { left: auto; right: 12px; }
@media (max-width: 767px) {
    .kease-web select:not(.select2-hidden-accessible), .kease-web .select2-search__field { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) { .kease-web select { transition: none !important; } }
