/**
 * Homepage / main calculator (.homechange) — glass, tabs, selects, mobile layout.
 * Depends on equinox-tokens.css (CSS variables).
 */

.homechange .xchange_type_plitka,
.homechange .xchange_type_plitka_ins,
.homechange .xchange_type_list,
.homechange .xchange_type_table,
.homechange .xtp_col,
.homechange .xtp_body,
.homechange .xtp_left_col,
.homechange .xtp_right_col,
.homechange .xtl_col,
.homechange .xtl_left_col,
.homechange .xtl_right_col {
    background: rgba(12, 18, 35, 0.24) !important;
    border-color: var(--eq-glass-stroke-faint) !important;
    backdrop-filter: blur(8px);
}

/* Remove dark strip behind top tabs of calculator */
.homechange .xchange_type_plitka,
.homechange .xchange_type_plitka_ins,
.homechange .xtp_icon_wrap,
.homechange .xtl_icon_wrap {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.homechange .xchange_type_plitka .title_wrapper,
.homechange .xchange_type_plitka .xtp_col_table_body,
.homechange .xchange_type_plitka .xtp_col_table_body .xtp_left_col_table,
.homechange .xchange_type_plitka .xtp_col_table_body .xtp_right_col_table,
.homechange .xchange_type_plitka .xtp_col_table_body .xtp_right_col_table_ins {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.homechange .xtp_left_col,
.homechange .xtp_right_col,
.homechange .xtp_input,
.homechange .xtl_input,
.homechange .xtp_line,
.homechange .xtl_line,
.homechange .select_js_title {
    background: var(--eq-glass-fill-ghost) !important;
    border-color: var(--eq-glass-stroke-muted) !important;
    color: #fff !important;
}

.homechange .xtp_left_col input,
.homechange .xtp_right_col input,
.homechange input,
.homechange select,
.homechange .select_txt,
.homechange .xtp_line,
.homechange .xtl_line {
    color: #fff !important;
}

.homechange .xtp_line input,
.homechange .xtl_line input,
.homechange .xtp_input input,
.homechange .xtl_input input,
.homechange .xtp_input .select_js_title,
.homechange .xtl_input .select_js_title {
    background: transparent !important;
}

.homechange .xtp_curs_line,
.homechange .xtl_curs_line,
.homechange .xtp_komis,
.homechange .xtl_komis {
    background: var(--eq-glass-fill-trace) !important;
    border-radius: 10px;
}

.homechange .xtp_submit,
.homechange .xtl_submit,
.homechange .xchange_submit,
.homechange input[type="submit"],
.homechange button[type="submit"] {
    border: 0 !important;
    border-radius: 14px !important;
    color: #fff !important;
    font-weight: 700 !important;
    background: var(--eq-gradient-primary) !important;
}

.homechange .xtp_submit:hover,
.homechange .xtl_submit:hover,
.homechange .xchange_submit:hover {
    filter: brightness(1.08);
}

.homechange .xtp_icon_wrap .tbl_icon.active,
.homechange .xtl_icon_wrap .tbl_icon.active,
.homechange .xtp_icon_wrap .xtp_icon.active,
.homechange .xtl_icon_wrap .xtl_icon.active {
    background: #2f67ff !important;
    border-color: #2f67ff !important;
    color: #fff !important;
}

.homechange .js_amount,
.homechange .xtp_komis,
.homechange .xtl_komis,
.homechange .xtp_curs,
.homechange .xtl_curs {
    color: var(--eq-text-subtle) !important;
}

/* Remove dark strip behind calculator tabs */
.homechange .xtp_table_wrap,
.homechange .xtp_table,
.homechange .xtp_table_ins,
.homechange .xtp_table_ins::before,
.homechange .xtp_table_ins::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove extra strip/background between tabs and calculator body (Apple glass reset) */
.homechange .xchange_type_plitka,
.homechange .xchange_type_plitka_ins,
.homechange .xchange_type_list,
.homechange .xchange_type_table,
.homechange .xtp_table_wrap,
.homechange .xtp_table,
.homechange .xtp_table_ins,
.homechange .title_wrapper,
.homechange .xtp_col_table_body,
.homechange .xtp_col_table_body .xtp_left_col_table,
.homechange .xtp_col_table_body .xtp_right_col_table,
.homechange .xtp_col_table_body .xtp_right_col_table_ins,
.homechange .xtp_icon_wrap,
.homechange .xtl_icon_wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Inputs/cards inside calculator: subtle glass, no white panels */
.homechange .xtp_left_col,
.homechange .xtp_right_col,
.homechange .xtp_input,
.homechange .xtl_input,
.homechange .xtp_line,
.homechange .xtl_line,
.homechange .select_js_title,
.homechange .xtp_curs_line,
.homechange .xtl_curs_line,
.homechange .xtp_komis,
.homechange .xtl_komis {
    background: var(--eq-glass-fill-soft) !important;
    border: 1px solid var(--eq-glass-stroke) !important;
    color: #ffffff !important;
}

/* =============================================================================
 * body.equinox-shell — calculator layout / currency UI
 * ============================================================================= */

body.equinox-shell .homechange .xtp_table_title,
body.equinox-shell .homechange .xtp_table_title_ins,
body.equinox-shell .homechange .xtl_table_title,
body.equinox-shell .homechange .xtl_table_title_ins,
body.equinox-shell .homechange .rate_reserve_wrapper,
body.equinox-shell .homechange .xtp_exchange_rate,
body.equinox-shell .homechange .xtp_exchange_reserve,
body.equinox-shell .homechange .xtl_exchange_rate,
body.equinox-shell .homechange .xtl_exchange_reserve {
    text-align: left !important;
}

body.equinox-shell .homechange .xchange_type_plitka .rate_reserve_wrapper {
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Keep tabs (All/USDT/BTC), hide circle icon rows below titles */
body.equinox-shell .homechange .xchange_type_plitka .xtp_left_col_icon,
body.equinox-shell .homechange .xchange_type_plitka .xtp_right_col_icon,
body.equinox-shell .homechange .xchange_type_plitka .xtp_icon_wrap,
body.equinox-shell .homechange .xchange_type_plitka .xtl_icon_wrap {
    display: flex !important;
}

body.equinox-shell .homechange .xchange_type_plitka .xtp_table_list,
body.equinox-shell .homechange .xchange_type_plitka .xtp_table_list_ins,
body.equinox-shell .homechange .xchange_type_plitka .xtp_item,
body.equinox-shell .homechange .xchange_type_plitka .left_tags_icons_wrapper,
body.equinox-shell .homechange .xchange_type_plitka .right_tags_icons_wrapper {
    display: none !important;
}

/* Currency selectors: same transparent glass as input fields */
body.equinox-shell .homechange .xchange_curs_input .select_js_title,
body.equinox-shell .homechange .xchange_pers_input .select_js_title,
body.equinox-shell .homechange .xtp_select_wrap .select_js_title,
body.equinox-shell .homechange .xtl_select_wrap .select_js_title {
    height: 7.2rem !important;
    min-height: 7.2rem !important;
    padding: 1.2rem 3.8rem 1.2rem 1.2rem !important;
    border: 1px solid var(--eq-glass-stroke-muted) !important;
    background: var(--eq-glass-fill-input) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    color: #fff !important;
}

body.equinox-shell .homechange .xchange_curs_input .select_js_title .select_txt,
body.equinox-shell .homechange .xchange_pers_input .select_js_title .select_txt,
body.equinox-shell .homechange .xtp_select_wrap .select_js_title .select_txt,
body.equinox-shell .homechange .xtl_select_wrap .select_js_title .select_txt {
    color: #fff !important;
}

body.equinox-shell .homechange .xchange_curs_input .select_js_ul,
body.equinox-shell .homechange .xchange_pers_input .select_js_ul,
body.equinox-shell .homechange .xtp_select_wrap .select_js_ul,
body.equinox-shell .homechange .xtl_select_wrap .select_js_ul {
    border: 1px solid var(--eq-glass-stroke-strong) !important;
    background: var(--eq-surface-dropdown-solid) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
}

body.equinox-shell .homechange .xchange_curs_input .select_js_ul .select_js_ul_ins,
body.equinox-shell .homechange .xchange_pers_input .select_js_ul .select_js_ul_ins,
body.equinox-shell .homechange .xtp_select_wrap .select_js_ul .select_js_ul_ins,
body.equinox-shell .homechange .xtl_select_wrap .select_js_ul .select_js_ul_ins,
body.equinox-shell .homechange .xchange_curs_input .select_js_ul .select_js_ulli,
body.equinox-shell .homechange .xchange_pers_input .select_js_ul .select_js_ulli,
body.equinox-shell .homechange .xtp_select_wrap .select_js_ul .select_js_ulli,
body.equinox-shell .homechange .xtl_select_wrap .select_js_ul .select_js_ulli {
    background: var(--eq-surface-dropdown-deep) !important;
}

body.equinox-shell .homechange .select_js_ul .select_js_ulli,
body.equinox-shell .homechange .select_js_ul .select_js_ulli .select_txt {
    color: var(--eq-text-body-soft) !important;
}

@media only screen and (max-width: 640px) {
    /* Mobile selectors keep same height as amount fields */
    body.equinox-shell .homechange .xchange_curs_input .select_js_title,
    body.equinox-shell .homechange .xchange_pers_input .select_js_title,
    body.equinox-shell .homechange .xtp_select_wrap .select_js_title,
    body.equinox-shell .homechange .xtl_select_wrap .select_js_title {
        height: 5.8rem !important;
        min-height: 5.8rem !important;
    }

    /* Keep headings/rates left in mobile too */
    body.equinox-shell .homechange .xchange_type_plitka .xtp_table_title,
    body.equinox-shell .homechange .xchange_type_plitka .xtp_table_title_ins,
    body.equinox-shell .homechange .xchange_type_plitka .rate_reserve_wrapper {
        text-align: left !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }

    /* Mobile tabs layout: left tabs over "Отправляете", right tabs over "Получаете" */
    body.equinox-shell .homechange .xtp_icon_wrap,
    body.equinox-shell .homechange .xtl_icon_wrap {
        display: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    body.equinox-shell .homechange .xtp_left_col_table .xtp_left_col_icon,
    body.equinox-shell .homechange .xtp_right_col_table .xtp_right_col_icon,
    body.equinox-shell .homechange .xtp_left_col_table .left_tags_icons_wrapper,
    body.equinox-shell .homechange .xtp_right_col_table .right_tags_icons_wrapper {
        display: flex !important;
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 0.8rem !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 0 0.9rem !important;
    }
}