/**
 * Direction exchange page (#exch_html): timeline notice, other directions, currency selects.
 * Depends on equinox-tokens.css (via enqueue chain before equinox-custom.css).
 */

/* Let dropdowns escape inner-content when the exchange form is present */
body.equinox-shell .inner-content:has(#exch_html) {
    overflow: visible !important;
}

/* --- Timeline / automatic mode (.notice_message from PremiumBox) --- */
body.equinox-shell .notice_message,
body.equinox-shell.light .notice_message,
body.equinox-shell #exch_html .notice_message,
body.equinox-shell.light #exch_html .notice_message,
body.equinox-shell .inner-content #exch_html .notice_message,
body.equinox-shell.light .inner-content #exch_html .notice_message {
    background: var(--eq-glass-fill-strong) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow: var(--eq-shadow-card) !important;
    color: var(--eq-text-on-glass) !important;
}

body.equinox-shell .notice_message .notice_message_text,
body.equinox-shell .notice_message .notice_message_text .text,
body.equinox-shell .notice_message .text,
body.equinox-shell .notice_message .notice_message_text_ins {
    color: var(--eq-text-on-glass) !important;
}

body.equinox-shell .notice_message .notice_message_ins,
body.equinox-shell .notice_message .notice_message_abs {
    background: transparent !important;
}

body.equinox-shell .warning_message,
body.equinox-shell.light .warning_message,
body.equinox-shell .inner-content .warning_message {
    background: var(--eq-glass-fill-strong) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow: var(--eq-shadow-card) !important;
    color: var(--eq-text-on-glass) !important;
}


/* Exchange / order forms: big light panels */
body.equinox-shell .xchange_div,
body.equinox-shell .light .xchange_div {
    background: var(--eq-glass-fill-strong) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow: var(--eq-shadow-card-tight) !important;
}

/* --- Other directions block --- */
body.equinox-shell .other_directions_wrap .other_directions,
body.equinox-shell.light .other_directions_wrap .other_directions,
body.equinox-shell .inner-content .other_directions_wrap .other_directions,
body.equinox-shell.light .inner-content .other_directions_wrap .other_directions {
    background: var(--eq-glass-fill-strong) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow: var(--eq-shadow-card) !important;
}

body.equinox-shell .other_directions_wrap .other_directions .other_directions_title,
body.equinox-shell .other_directions_wrap .other_directions .other_directions_title span {
    color: #fff !important;
}

body.equinox-shell .inner-content .other_directions_wrap .other_directions .other_directions_in a.other_direction,
body.equinox-shell .other_directions_wrap .other_directions .other_directions_in a.other_direction {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.equinox-shell .inner-content .other_directions_wrap .other_directions .other_directions_in a.other_direction .other_direction_ins,
body.equinox-shell .other_directions_wrap .other_directions .other_directions_in a.other_direction .other_direction_ins,
body.equinox-shell.light .other_directions_wrap .other_directions .other_directions_in a.other_direction .other_direction_ins {
    background: var(--eq-glass-fill-soft) !important;
    border: 1px solid var(--eq-glass-stroke-muted) !important;
    -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    box-shadow: none !important;
}

body.equinox-shell .other_directions_wrap .other_directions .other_direction_title_give,
body.equinox-shell .other_directions_wrap .other_directions .other_direction_title_get,
body.equinox-shell .other_directions_wrap .other_directions .other_direction_title span {
    color: var(--eq-text-on-glass) !important;
}

/* --- Currency / personal selects: stacking + glass dropdown (overrides theme z-index: 30) --- */
body.equinox-shell .exch_ajax_wrap,
body.equinox-shell .exchange_status_html {
    overflow: visible !important;
}

body.equinox-shell .xchange_div,
body.equinox-shell .xchange_div_ins,
body.equinox-shell #exch_html.xchange_div {
    overflow: visible !important;
}

body.equinox-shell .xchange_div .xchange_data_div,
body.equinox-shell .xchange_div .xchange_curs_input,
body.equinox-shell .xchange_div .xchange_pers_input,
body.equinox-shell .xchange_div .xchange_data_ins,
body.equinox-shell .xchange_div .xchange_div_col_give,
body.equinox-shell .xchange_div .xchange_div_col_get {
    overflow: visible !important;
}

body.equinox-shell .xchange_div .select_js {
    position: relative;
    z-index: 2;
}

/* Theme style-rtl.css sets .select_js_ul { top: 8rem; z-index: 3 } — list sits over sum fields and gets painted under inputs */
body.equinox-shell .xchange_div .select_js.open {
    z-index: 6000;
}

body.equinox-shell .xchange_div .xchange_curs_input:has(.select_js.open),
body.equinox-shell .xchange_div .xchange_pers_input:has(.select_js.open),
body.equinox-shell .xchange_div .xchange_select:has(.select_js.open),
body.equinox-shell .xchange_div .xchange_data_left:has(.select_js.open) {
    position: relative;
    z-index: 5990;
}

/* Two-column layout: lift entire "give" / "get" column while its select is open */
body.equinox-shell .xchange_div .xchange_div_col_give:has(.select_js.open),
body.equinox-shell .xchange_div .xchange_div_col_get:has(.select_js.open) {
    position: relative;
    z-index: 5980;
}

body.equinox-shell .xchange_div .xchange_sum_line,
body.equinox-shell .xchange_div .xchange_sum_input {
    position: relative;
    z-index: 0;
}

body.equinox-shell .xchange_div .select_js_ul {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0.4rem !important;
    z-index: 6010 !important;
    border-radius: 1.4rem !important;
    /* Opaque panel: backdrop-filter + semi-transparent vars let the form show through */
    background: rgb(14, 20, 38) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke-strong) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: var(--eq-shadow-float) !important;
    padding: 0.6rem !important;
    overflow-x: hidden !important;
}

body.equinox-shell .xchange_div .select_js_ul .select_js_ul_ins,
body.equinox-shell.light .xchange_div .select_js_ul .select_js_ul_ins {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.equinox-shell .xchange_div .select_js_ulli {
    color: var(--eq-text-on-glass) !important;
    background: transparent !important;
}

body.equinox-shell .xchange_div .select_js_ulli:hover,
body.equinox-shell .xchange_div .select_js_ulli.active {
    background: var(--eq-accent-soft-hover) !important;
}

body.equinox-shell .xchange_div .select_js_ulli .select_txt,
body.equinox-shell .xchange_div .select_js_ul_ins .select_txt {
    color: var(--eq-text-on-glass) !important;
}

body.equinox-shell .xchange_div .select_js_ulli:hover .select_txt,
body.equinox-shell .xchange_div .select_js_ulli.active .select_txt {
    color: #fff !important;
}

/* Searchable select (iselect_js): search row above list */
body.equinox-shell .xchange_div .iselect_js .select_js_search {
    z-index: 6020 !important;
    background: rgb(12, 18, 32) !important;
    border: 1px solid var(--eq-glass-stroke-muted) !important;
    border-radius: 1.2rem !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

body.equinox-shell .xchange_div .iselect_js .select_js_search input {
    background: var(--eq-glass-fill-input) !important;
    color: #fff !important;
    border: 0 !important;
}


/* Direction pages + reviews/forms: transparent fields like global glass */
body.equinox-shell .xchange_div input:not([type="submit"]),
body.equinox-shell .xchange_div textarea,
body.equinox-shell .xchange_div select,
body.equinox-shell .xchange_div .select_js_title,
body.equinox-shell .xchange_div .js_choice_ul {
    background: var(--eq-glass-fill-input) !important;
    background-image: none !important;
    border: 1px solid var(--eq-glass-stroke-muted) !important;
    color: #fff !important;
}

body.equinox-shell .xchange_div input::placeholder,
body.equinox-shell .xchange_div textarea::placeholder {
    color: var(--eq-text-dim) !important;
}

/* PremiumBox Jselect: each option row ends with an empty .select_js_abs (chevron slot); hide in the open list only */
body.equinox-shell .select_js_ul .select_js_ulli_ins > .select_js_abs {
    display: none !important;
}