/* Figma redesign for exchange direction pages (page-template-pn-pluginpage)
   Source: figma file s4WpNQtA6PZ6SsaMNmCEIH node 336:8403 */

/* Global: replace the theme's primary blue with the brand green */
:root {
    --Color-primary: #83c06d;

    --fx-bg: #0a0808;
    --fx-surface: #181818;
    --fx-input-bg: #242424;
    --fx-green: #83c06d;
    --fx-text: #ffffff;
    --fx-text-muted: #edecec;
    --fx-text-subtle: #e8e8e8;
    --fx-placeholder: #464646;
    --fx-border: #ffffff;
    --fx-radius-input: 64px;
    --fx-radius-btn: 72px;
}

/* Logo links — keep them visually identical to the previous img/div layout */
.user-bar__logo-link,
.main-menu__logo-link,
.footer__logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.user-bar__logo-link img,
.main-menu__logo-link img {
    display: block;
}
.footer__logo-link {
    line-height: 0;
}

/* Force-recolor dropdown arrows from blue to green (bypasses any SVG cache) */
.select_js_abs,
.select_js .select_js_abs,
.exch_ajax_wrap .iselect_js .select_js_title .select_js_abs,
.exch_ajax_wrap .select_js .select_js_title .select_js_abs,
select[class*="js_my_sel"] {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M12.0016 15.9371L5.47656 9.41211L7.11406 7.78711L12.0016 12.6746L16.8891 7.78711L18.5266 9.41211L12.0016 15.9371Z' fill='%2383C06D'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 24px 24px !important;
}

body.page-template-pn-pluginpage {
    --fx-bg: #0a0808;
    --fx-surface: #181818;
    --fx-input-bg: #242424;
    --fx-green: #83c06d;
    --fx-text: #ffffff;
    --fx-text-muted: #edecec;
    --fx-text-subtle: #e8e8e8;
    --fx-placeholder: #464646;
    --fx-border: #ffffff;
    --fx-radius-input: 64px;
    --fx-radius-btn: 72px;

    background: var(--fx-bg) !important;
    color: var(--fx-text);
    font-family: "Inter", sans-serif;
}

/* ---------- Header ---------- */
body.page-template-pn-pluginpage .user-bar {
    background: transparent !important;
    padding: 40px 20px 20px !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .user-bar__container {
    max-width: 1440px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
body.page-template-pn-pluginpage .user-bar__left img {
    height: 30px;
    width: auto;
    filter: none;
}
body.page-template-pn-pluginpage .info_lang_menu_wrapper {
    display: flex;
    gap: 32px;
    align-items: center;
}
body.page-template-pn-pluginpage .topmenu_wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
}
body.page-template-pn-pluginpage .main-menu {
    background: var(--fx-surface);
    border-radius: 64px;
    padding: 20px 48px;
}
body.page-template-pn-pluginpage .main-menu__top { display: none; }
/* Hide the duplicate logo from the mobile-menu header on desktop, on every page */
@media (min-width: 769px) {
    .main-menu__top,
    .main-menu__top img,
    .main-menu__top .main-menu__logo-link,
    .flags_wrapper { display: none !important; }
}
body.page-template-pn-pluginpage .main-menu__list,
body.page-template-pn-pluginpage .menu > .main-menu__list,
body.page-template-pn-pluginpage .menu-items-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}
body.page-template-pn-pluginpage .menu-items-wrapper > .menu {
    display: flex;
    align-items: center;
    gap: 24px;
}
body.page-template-pn-pluginpage .main-menu__list li,
body.page-template-pn-pluginpage .auth-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}
body.page-template-pn-pluginpage .main-menu__list a,
body.page-template-pn-pluginpage .auth-wrapper a {
    color: var(--fx-text) !important;
    font: 500 16px/1 "Inter", sans-serif;
    text-decoration: none;
    padding: 4px 8px;
    background: transparent !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .main-menu__list a:hover,
body.page-template-pn-pluginpage .auth-wrapper a:hover { color: var(--fx-green) !important; }

body.page-template-pn-pluginpage .hidden_auth,
body.page-template-pn-pluginpage .hidden_timetable,
body.page-template-pn-pluginpage .hidden_contacts,
body.page-template-pn-pluginpage .flags_wrapper,
body.page-template-pn-pluginpage .main-menu-btn,
body.page-template-pn-pluginpage .main-menu-btn-close { display: none !important; }

/* ---------- Page block & breadcrumb ---------- */
body.page-template-pn-pluginpage main.main {
    background: var(--fx-bg);
    padding-top: 0 !important;
}
body.page-template-pn-pluginpage .page-block.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px 80px !important;
}
body.page-template-pn-pluginpage .breadcrumb { display: none !important; }
body.page-template-pn-pluginpage h1.main-title {
    /* hide; the right column carries the hero title */
    display: none !important;
}

/* ---------- Two-column layout ---------- */
body.page-template-pn-pluginpage .inner.grid.premium-3-1:not(:has(> .account-nav-aside)) {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}
body.page-template-pn-pluginpage .inner-content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .ajax_post_bids {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .exch_ajax_wrap {
    background: transparent !important;
    padding: 100px 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
}
body.page-template-pn-pluginpage .exch_ajax_wrap_abs { display: none !important; }

/* The form contents are in an unnamed wrapper div inside .exch_ajax_wrap */
body.page-template-pn-pluginpage .exch_ajax_wrap > div:not(.exch_ajax_wrap_abs) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 136px;
    row-gap: 0;
    align-items: start;
}
body.page-template-pn-pluginpage .exch_ajax_wrap > div:not(.exch_ajax_wrap_abs) > * { grid-column: 1; }
body.page-template-pn-pluginpage .exch_ajax_wrap > div:not(.exch_ajax_wrap_abs) > .notice_message {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    margin-bottom: 16px;
}
body.page-template-pn-pluginpage .exch_ajax_wrap > div:not(.exch_ajax_wrap_abs) > .warning_message {
    grid-column: 2;
    grid-row: 2 / span 50;
    align-self: start;
}
body.page-template-pn-pluginpage .exch_ajax_wrap > div:not(.exch_ajax_wrap_abs) > .xchange_div {
    grid-column: 1;
    grid-row: 1 / span 50;
}

/* ---------- Right column: hero title + description ---------- */
body.page-template-pn-pluginpage .notice_message {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .notice_message_ins,
body.page-template-pn-pluginpage .notice_message_text,
body.page-template-pn-pluginpage .notice_message_text_ins,
body.page-template-pn-pluginpage .notice_message .text {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .notice_message_close,
body.page-template-pn-pluginpage .notice_message_abs { display: none !important; }
body.page-template-pn-pluginpage .notice_message .text p {
    font-family: "StapelWebSemiExpandedMedium", "Stapel", "Inter", sans-serif;
    font-weight: 500;
    font-size: 56px;
    line-height: 1;
    color: var(--fx-text-subtle);
    margin: 0 0 24px;
}
body.page-template-pn-pluginpage .notice_message .text p strong,
body.page-template-pn-pluginpage .notice_message .text p em,
body.page-template-pn-pluginpage .notice_message .text p .auto-highlight {
    color: var(--fx-green);
    font-weight: inherit;
    font-style: normal;
}

body.page-template-pn-pluginpage .warning_message {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .warning_message_abs,
body.page-template-pn-pluginpage .warning_message_close { display: none !important; }
body.page-template-pn-pluginpage .warning_message_ins {
    background: transparent !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .warning_message_title {
    background: transparent !important;
    padding: 0 0 16px !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .warning_message_title_ins,
body.page-template-pn-pluginpage .warning_message_title span {
    color: var(--fx-text-subtle);
    font: 400 18px/1.4 "Inter", sans-serif;
    background: transparent !important;
}
body.page-template-pn-pluginpage .warning_message_text,
body.page-template-pn-pluginpage .warning_message_text_ins {
    background: transparent !important;
    padding: 0 !important;
    color: var(--fx-text-subtle);
    font: 400 18px/1.4 "Inter", sans-serif;
}
body.page-template-pn-pluginpage .warning_message_text p {
    color: var(--fx-text-subtle);
    margin: 0 0 16px;
}
body.page-template-pn-pluginpage .warning_message_text ol {
    list-style: none;
    counter-reset: step;
    padding: 0;
    margin: 0;
}
body.page-template-pn-pluginpage .warning_message_text ol li {
    counter-increment: step;
    margin: 0 0 16px;
    padding-left: 0;
    color: var(--fx-text-subtle);
}

/* ---------- Left column: form ---------- */
body.page-template-pn-pluginpage .xchange_div,
body.page-template-pn-pluginpage .xchange_div_cols {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
}
body.page-template-pn-pluginpage .xchange_div_ins {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
}
body.page-template-pn-pluginpage .xchange_div_ins > .xchange_div_cols { order: 1; }
body.page-template-pn-pluginpage .xchange_div_ins > .xchange_pers { order: 2; }
body.page-template-pn-pluginpage .xchange_div_ins > .captcha_div { order: 3; }
body.page-template-pn-pluginpage .xchange_div_ins > .xchange_checkdata_div { order: 4; }
body.page-template-pn-pluginpage .xchange_div_ins > .xchange_submit_div { order: 5; margin-top: 24px !important; }
body.page-template-pn-pluginpage .xchange_div_ins > .ajax_post_bids_res { order: 6; }
body.page-template-pn-pluginpage .xchange_div_ins > .clear { display: none !important; }
body.page-template-pn-pluginpage .xchange_div_col_give,
body.page-template-pn-pluginpage .xchange_div_col_get {
    width: 100% !important;
    float: none !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .xchange_data_title {
    background: transparent !important;
    padding: 0 0 12px !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .xchange_data_title_ins {
    background: transparent !important;
    padding: 0 !important;
    color: var(--fx-text-subtle);
    font: 500 28px/0.9 "StapelWebSemiExpandedMedium", "Stapel", sans-serif;
}
body.page-template-pn-pluginpage .xchange_data_title.give .xchange_data_title_ins::before,
body.page-template-pn-pluginpage .xchange_data_title.give .xchange_data_title_ins::after,
body.page-template-pn-pluginpage .xchange_data_title.get .xchange_data_title_ins::before,
body.page-template-pn-pluginpage .xchange_data_title.get .xchange_data_title_ins::after { display: none !important; }

body.page-template-pn-pluginpage .xchange_data_div {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    display: block !important;
}
body.page-template-pn-pluginpage .xchange_data_ins {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
}
body.page-template-pn-pluginpage .xchange_data_left,
body.page-template-pn-pluginpage .xchange_data_right {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.page-template-pn-pluginpage .xchange_data_ins > .clear { display: none !important; }
/* Order: dropdown → amount → min/max (course "Курс ..." is hidden) */
body.page-template-pn-pluginpage .xchange_data_ins > *:nth-child(1) { display: none !important; } /* course info */
body.page-template-pn-pluginpage .xchange_data_ins > *:nth-child(2) { order: 3; }   /* min/max (right) */
body.page-template-pn-pluginpage .xchange_data_ins > *:nth-child(4) { order: 1; }   /* dropdown (left) */
body.page-template-pn-pluginpage .xchange_data_ins > *:nth-child(5) { order: 2; }   /* amount (right) */
body.page-template-pn-pluginpage .xchange_data_ins > *:nth-child(n+7) { order: 99; }
body.page-template-pn-pluginpage .xchange_data_ins .xchange_info_line {
    margin: 4px 0 12px;
}

/* Course / min-max info lines */
body.page-template-pn-pluginpage .xchange_info_line {
    color: var(--fx-text);
    font: 400 12px/16px "Ubuntu", sans-serif;
    letter-spacing: -0.24px;
    margin: 0 0 4px;
    padding: 0 8px;
    background: transparent !important;
}
body.page-template-pn-pluginpage .xchange_info_line p { margin: 0; color: inherit; }
body.page-template-pn-pluginpage .span_give_max,
body.page-template-pn-pluginpage .span_get_max {
    display: flex !important;
    gap: 12px;
    margin: 0;
    position: static !important;
    width: auto !important;
}
body.page-template-pn-pluginpage .xchange_info_line {
    position: static !important;
}

/* Currency dropdown */
body.page-template-pn-pluginpage .xchange_select {
    background: transparent !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .xchange_select .xtl_select_wrap,
body.page-template-pn-pluginpage .xchange_select .select_js_title {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    height: 64px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .xchange_select .select_js_title_ins {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100%;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .xchange_select .select_txt {
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .xchange_select .select_js_logo,
body.page-template-pn-pluginpage .xchange_select .select_js_title .pn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
body.page-template-pn-pluginpage .xchange_select .select_js_title {
    position: relative !important;
}
body.page-template-pn-pluginpage .xchange_select .select_js_title .select_js_abs,
body.page-template-pn-pluginpage .xchange_select .select_arr {
    width: 24px !important;
    height: 24px !important;
    margin-left: auto !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
body.page-template-pn-pluginpage .xchange_select .select_js.open .select_js_title .select_js_abs {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* Amount inputs */
body.page-template-pn-pluginpage .xchange_sum_line {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 4px !important;
}
body.page-template-pn-pluginpage .xchange_sum_label { display: none !important; }
body.page-template-pn-pluginpage .xchange_sum_input {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    height: 64px !important;
    padding: 0 24px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
    position: relative !important;
}
body.page-template-pn-pluginpage .xchange_sum_input input {
    background: transparent !important;
    border: 0 !important;
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    box-shadow: none !important;
    flex: 1 1 auto;
    min-width: 0;
}
body.page-template-pn-pluginpage .xchange_sum_input input::placeholder {
    color: var(--fx-placeholder);
}
/* Inline JS validation error pushed to the right side of the input */
body.page-template-pn-pluginpage .xchange_sum_input .js_error,
body.page-template-pn-pluginpage .xchange_sum_input .js_sum1_error,
body.page-template-pn-pluginpage .xchange_sum_input .js_sum1c_error,
body.page-template-pn-pluginpage .xchange_sum_input .js_sum2_error,
body.page-template-pn-pluginpage .xchange_sum_input .js_sum2c_error {
    background: transparent !important;
    color: #ff6b6b !important;
    font: 500 14px/1 "Inter", sans-serif !important;
    margin-left: auto !important;
    padding: 0 0 0 12px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
    position: static !important;
}

/* Personal data fields (city, time, name, etc.) */
body.page-template-pn-pluginpage .xchange_pers,
body.page-template-pn-pluginpage .xchange_pers_ins {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    margin-top: 32px !important;
}
body.page-template-pn-pluginpage .xchange_pers_title {
    color: var(--fx-text-subtle);
    font: 500 28px/0.9 "StapelWebSemiExpandedMedium", "Stapel", sans-serif;
    margin: 0 0 12px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .xchange_pers_div {
    background: transparent !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .xchange_pers_line,
body.page-template-pn-pluginpage .xchange_pers_left,
body.page-template-pn-pluginpage .xchange_pers_right {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: transparent !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .xchange_pers_left { display: none !important; }
body.page-template-pn-pluginpage .xchange_pers .xchange_pers_inp,
body.page-template-pn-pluginpage .xchange_pers select,
body.page-template-pn-pluginpage .xchange_pers input[type="text"],
body.page-template-pn-pluginpage .xchange_pers input[type="email"],
body.page-template-pn-pluginpage .xchange_pers input[type="tel"],
body.page-template-pn-pluginpage .xchange_pers input[type="number"] {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    color: var(--fx-text) !important;
    font: 500 18px/1 "Inter", sans-serif !important;
    height: 64px !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

/* Native select option list (fallback when JS dropdown not used) */
body.page-template-pn-pluginpage .xchange_pers select option,
body.page-template-pn-pluginpage select.js_my_sel option,
body.page-template-pn-pluginpage select option {
    background-color: var(--fx-input-bg) !important;
    color: var(--fx-text) !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
    padding: 12px 16px !important;
}
body.page-template-pn-pluginpage .xchange_pers select option:checked,
body.page-template-pn-pluginpage select option:checked {
    background: var(--fx-green) linear-gradient(0deg, var(--fx-green), var(--fx-green)) !important;
    color: #ffffff !important;
}

/* === Apply the same dropdown look on the home page (xtl_select_wrap is the
   home equivalent of xchange_select, so mirror the trigger styling and let the
   popup rules below match on body.home as well) ============================= */
body.home {
    --fx-bg: #0a0808;
    --fx-surface: #181818;
    --fx-input-bg: #242424;
    --fx-green: #83c06d;
    --fx-text: #ffffff;
    --fx-text-muted: #edecec;
    --fx-text-subtle: #e8e8e8;
    --fx-placeholder: #464646;
    --fx-border: #ffffff;
    --fx-radius-input: 64px;
    --fx-radius-btn: 72px;
}
body.home .xtl_select_wrap .select_js_title,
body.home .xchange_curs_input .select_js_title {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    height: 64px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-shadow: none !important;
    position: relative !important;
}
body.home .xtl_select_wrap .select_js_title_ins,
body.home .xchange_curs_input .select_js_title_ins {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100%;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
}
body.home .xtl_select_wrap .select_js_title .select_txt,
body.home .xchange_curs_input .select_js_title .select_txt {
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    background: transparent !important;
}
body.home .xtl_select_wrap .select_js_title .select_js_abs,
body.home .xchange_curs_input .select_js_title .select_js_abs {
    width: 24px !important;
    height: 24px !important;
    margin-left: auto !important;
    position: absolute !important;
    right: 24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
body.home .xtl_select_wrap .select_js.open .select_js_title .select_js_abs,
body.home .xchange_curs_input .select_js.open .select_js_title .select_js_abs {
    transform: translateY(-50%) rotate(180deg) !important;
}
body.home .xtl_select_wrap .select_js.open .select_js_title,
body.home .xchange_curs_input .select_js.open .select_js_title {
    border: 1px solid var(--fx-green) !important;
}

/* Amount inputs on the home page — match the dropdown trigger styling */
body.home .xtl_input_wrap input[type="text"],
body.home .xchange_curs_input input[type="text"],
body.home input.js_sum_val,
body.home input.js_decimal {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    height: 64px !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
body.home .xtl_input_wrap input[type="text"]::placeholder,
body.home input.js_sum_val::placeholder {
    color: var(--fx-placeholder) !important;
}

/* Contact / feedback form on home + feedback pages */
body.home input.cf_input,
body.home input.notclear,
body.home textarea.cf_text,
body.page-template-pn-pluginpage input.cf_input,
body.page-template-pn-pluginpage input.notclear,
body.page-template-pn-pluginpage textarea.cf_text {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    color: var(--fx-text) !important;
    font: 500 18px/1.4 "Inter", sans-serif !important;
    padding: 18px 24px !important;
    width: 100% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    -webkit-appearance: none;
    appearance: none;
}
body.home input.cf_input,
body.home input.notclear,
body.page-template-pn-pluginpage input.cf_input,
body.page-template-pn-pluginpage input.notclear {
    height: 64px !important;
}
body.home textarea.cf_text,
body.page-template-pn-pluginpage textarea.cf_text {
    border-radius: 24px !important;
    min-height: 120px !important;
    line-height: 1.5 !important;
    resize: vertical;
}
body.home input.cf_input:focus,
body.home input.notclear:focus,
body.home textarea.cf_text:focus,
body.page-template-pn-pluginpage input.cf_input:focus,
body.page-template-pn-pluginpage input.notclear:focus,
body.page-template-pn-pluginpage textarea.cf_text:focus {
    background: var(--fx-input-bg) !important;
    color: var(--fx-text) !important;
    border-color: var(--fx-green) !important;
    outline: none !important;
}
/* Override Chrome's autofill yellow/white background */
body.home input.cf_input:-webkit-autofill,
body.home input.notclear:-webkit-autofill,
body.page-template-pn-pluginpage input.cf_input:-webkit-autofill,
body.page-template-pn-pluginpage input.notclear:-webkit-autofill {
    -webkit-text-fill-color: var(--fx-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--fx-input-bg) inset !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
/* Labels next to the contact form fields */
body.home .cf_label,
body.home .pn-feedback-form label,
body.home form label[for*="cf_"],
body.page-template-pn-pluginpage .cf_label,
body.page-template-pn-pluginpage .pn-feedback-form label,
body.page-template-pn-pluginpage form label[for*="cf_"] {
    color: var(--fx-text) !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
    margin-bottom: 8px !important;
    display: block !important;
}
/* Captcha image background on contact form — dark surface so the white captcha tiles stand out */
body.home .captcha_div,
body.page-template-pn-pluginpage .captcha_div {
    background: transparent !important;
}
body.home .captcha_value,
body.home input.captcha_divpole,
body.page-template-pn-pluginpage .captcha_value,
body.page-template-pn-pluginpage input.captcha_divpole {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    height: 64px !important;
    padding: 0 24px !important;
    width: 160px !important;
    text-align: center;
}

/* Custom JS dropdown popup (.select_js_ul) — used by city, time, currency selects */
body.page-template-pn-pluginpage .select_js_ul,
body.home .select_js_ul {
    background: var(--fx-surface) !important;
    border: 1px solid var(--fx-green) !important;
    border-radius: 24px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    margin-top: 4px !important;
    padding: 6px !important;
    overflow: hidden;
}
/* Kill the "Нет данных" empty-state SVG pseudo-element from theme */
body.page-template-pn-pluginpage .select_js_ul:after,
body.home .select_js_ul:after,
body.page-template-pn-pluginpage .xchange_select .select_js_ul:after,
body.home .xtl_select_wrap .select_js_ul:after,
body.page-template-pn-pluginpage .xtl_select_wrap .select_js_ul:after {
    content: none !important;
    display: none !important;
    background: none !important;
}
/* Hide the per-item arrow icon that appears next to each option in the popup */
body.page-template-pn-pluginpage .select_js_ulli .select_js_abs,
body.home .select_js_ulli .select_js_abs {
    display: none !important;
}
body.page-template-pn-pluginpage .select_js_ul_ins,
body.home .select_js_ul_ins {
    background: transparent !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .select_js_ulli,
body.home .select_js_ulli {
    background: transparent !important;
    color: #ffffff !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: var(--fx-radius-input) !important;
    cursor: pointer;
    transition: background-color 0.15s ease;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
body.page-template-pn-pluginpage .select_js_ulli .select_js_ulli_ins,
body.home .select_js_ulli .select_js_ulli_ins {
    background: transparent !important;
    color: inherit !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
    border-radius: var(--fx-radius-input) !important;
}
body.page-template-pn-pluginpage .select_js_ulli .select_txt,
body.home .select_js_ulli .select_txt,
body.page-template-pn-pluginpage .select_js_ul .select_txt,
body.home .select_js_ul .select_txt {
    background: transparent !important;
    color: inherit !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.page-template-pn-pluginpage .select_js_ulli:hover,
body.home .select_js_ulli:hover,
body.page-template-pn-pluginpage .select_js_ulli:hover .select_js_ulli_ins,
body.home .select_js_ulli:hover .select_js_ulli_ins {
    background: var(--fx-input-bg) !important;
    border-radius: var(--fx-radius-input) !important;
}
body.page-template-pn-pluginpage .select_js_ulli:hover .select_txt,
body.home .select_js_ulli:hover .select_txt {
    background: transparent !important;
    color: #ffffff !important;
}
body.page-template-pn-pluginpage .select_js_ulli.active,
body.home .select_js_ulli.active,
body.page-template-pn-pluginpage .select_js_ulli.active .select_js_ulli_ins,
body.home .select_js_ulli.active .select_js_ulli_ins,
body.page-template-pn-pluginpage .select_js_ulli.active .select_txt,
body.home .select_js_ulli.active .select_txt {
    background: var(--fx-green) !important;
    color: #ffffff !important;
    border-radius: var(--fx-radius-input) !important;
}
body.page-template-pn-pluginpage .iselect_js .select_js_ulli,
body.home .iselect_js .select_js_ulli {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 12px 20px 12px 60px !important;
    font: 500 16px/1.4 "Inter", sans-serif !important;
}
/* Search input that overlays the trigger when iselect dropdowns are opened — hide it */
body.page-template-pn-pluginpage .select_js_search,
body.home .select_js_search,
body.page-template-pn-pluginpage .select_js.open .select_js_search,
body.home .select_js.open .select_js_search,
body.page-template-pn-pluginpage .iselect_js.open .select_js_search,
body.home .iselect_js.open .select_js_search,
body.page-template-pn-pluginpage .exch_ajax_wrap .select_js_search,
body.page-template-pn-pluginpage .select_js_search input,
body.home .select_js_search input,
body.page-template-pn-pluginpage .exch_ajax_wrap .select_js_search input {
    display: none !important;
}
/* Keep the trigger title visible when the dropdown is open */
body.page-template-pn-pluginpage .select_js.open .select_js_title,
body.home .select_js.open .select_js_title,
body.page-template-pn-pluginpage .select_js.open .select_js_title .select_js_title_ins,
body.home .select_js.open .select_js_title .select_js_title_ins,
body.page-template-pn-pluginpage .select_js.open .select_txt,
body.home .select_js.open .select_txt {
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--fx-text) !important;
}
body.page-template-pn-pluginpage .select_js.open .select_js_title,
body.home .select_js.open .select_js_title {
    border: 1px solid var(--fx-green) !important;
}
body.page-template-pn-pluginpage .xchange_pers_inp .select_js_title,
body.page-template-pn-pluginpage .xchange_pers_inp .xtl_select_wrap {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    height: 64px !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .xchange_pers_inp .select_txt {
    color: var(--fx-text) !important;
    font: 500 18px/1 "Inter", sans-serif !important;
}

/* Captcha */
body.page-template-pn-pluginpage .captcha_div {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 24px 0 !important;
}
body.page-template-pn-pluginpage .captcha_title {
    display: none !important;
}
body.page-template-pn-pluginpage .captcha_body {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .captcha_divimg,
body.page-template-pn-pluginpage .captcha_divznak {
    background: transparent !important;
    flex-shrink: 0;
}
body.page-template-pn-pluginpage .captcha_divimg img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 16px;
    padding: 8px;
}
body.page-template-pn-pluginpage .captcha_divznak {
    color: var(--fx-green);
    font: 700 24px/1 "Inter", sans-serif;
}
body.page-template-pn-pluginpage .captcha_value,
body.page-template-pn-pluginpage input.captcha_divpole {
    background: var(--fx-input-bg) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: var(--fx-radius-input) !important;
    color: var(--fx-text) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    height: 64px !important;
    padding: 0 24px !important;
    width: 160px !important;
    text-align: center;
    box-shadow: none !important;
}
body.page-template-pn-pluginpage .captcha_reload {
    width: 32px;
    height: 32px;
    background-color: transparent !important;
    color: var(--fx-green) !important;
}

/* Checkboxes */
body.page-template-pn-pluginpage .xchange_checkdata_div {
    background: transparent !important;
    padding: 0 !important;
    margin: 8px 0 0 !important;
    border: 0 !important;
    width: 100% !important;
    float: none !important;
    display: block;
}
body.page-template-pn-pluginpage .xchange_checkdata_div label,
body.page-template-pn-pluginpage .ajax_post_bids > label {
    display: block !important;
    color: var(--fx-text);
    font: 300 16px/1.4 "Inter", sans-serif;
    margin: 0 0 8px;
    padding: 0 0 0 32px;
    position: relative;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
    text-align: left;
}
body.page-template-pn-pluginpage .xchange_checkdata_div label input[type="checkbox"],
body.page-template-pn-pluginpage .ajax_post_bids > label input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    margin: 0;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 2px solid var(--fx-green);
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: background-color 0.15s ease;
}
body.page-template-pn-pluginpage .xchange_checkdata_div label input[type="checkbox"]:checked,
body.page-template-pn-pluginpage .ajax_post_bids > label input[type="checkbox"]:checked,
body.page-template-pn-pluginpage .xchange_checkdata_div .checkbox.checked input[type="checkbox"],
body.page-template-pn-pluginpage .xchange_checkdata_div .checkbox input[type="checkbox"]:checked {
    background-color: var(--fx-green) !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8l3.5 3.5L13 5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    border-color: var(--fx-green) !important;
}
body.page-template-pn-pluginpage .xchange_checkdata_div label a,
body.page-template-pn-pluginpage .ajax_post_bids > label a {
    color: var(--fx-text);
    text-decoration: underline;
    display: inline;
    white-space: normal;
}

/* Submit button */
body.page-template-pn-pluginpage .xchange_submit_div {
    background: transparent !important;
    padding: 0 !important;
    margin: 24px 0 0 !important;
}
body.page-template-pn-pluginpage input.xchange_submit,
body.page-template-pn-pluginpage button.xchange_submit {
    background: var(--fx-green) !important;
    color: var(--fx-text) !important;
    border: 0 !important;
    border-radius: var(--fx-radius-btn) !important;
    font: 500 24px/1 "Inter", sans-serif !important;
    width: 100% !important;
    height: auto !important;
    padding: 20px 40px !important;
    cursor: pointer;
    text-transform: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s;
}
body.page-template-pn-pluginpage input.xchange_submit:hover,
body.page-template-pn-pluginpage button.xchange_submit:hover {
    background: #6fa85a !important;
}

/* Visually rename submit value if it's still "Продолжить" — handled via attribute */
body.page-template-pn-pluginpage input.xchange_submit[value="Продолжить"] {
    /* keep label, don't override via CSS-only */
}

/* Hide unrelated widgets that appear on the exchange direction page only.
   .ajax_post_form is also used by the contact form on /feedback/, so we target
   only the login form (the one containing widget_log_input). */
body.page-template-pn-pluginpage .widget_log_div,
body.page-template-pn-pluginpage .widget_reviews_div,
body.page-template-pn-pluginpage .widget_log_form,
body.page-template-pn-pluginpage .other_directions_wrap,
body.page-template-pn-pluginpage .login_widget_subm_left,
body.page-template-pn-pluginpage .login_widget_subm_right { display: none !important; }
/* Hide the wrapping login form — only when it actually contains a login input */
body.page-template-pn-pluginpage .exch_ajax_wrap ~ form.ajax_post_form,
body.page-template-pn-pluginpage .ajax_post_bids ~ form.ajax_post_form,
body.page-template-pn-pluginpage form.ajax_post_form:has(.widget_log_input) {
    display: none !important;
}

/* Hide aside / sidebar */
body.page-template-pn-pluginpage aside.aside,
body.page-template-pn-pluginpage .aside { display: none !important; }

/* ---------- Footer ---------- */
body footer.footer {
    background: var(--fx-surface) !important;
    color: var(--fx-text-muted);
    padding: 40px 20px !important;
    margin-top: 0 !important;
}
body footer.footer .container.footer__grid {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: flex-start;
}
body .footer__col-1 {
    display: flex;
    flex-direction: column;
    gap: 64px;
}
body .footer__logo {
    background-image: url("../images/Logotype.svg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px !important;
    width: 213px !important;
    display: block !important;
}
body .footer__logo-mobile { display: none !important; }
body .footer__logo-description {
    color: var(--fx-text-muted);
    font: 400 16px/1.4 "Inter", sans-serif;
    width: 206px;
    display: block;
    margin-top: 8px;
}
body .footer__btn-row {
    display: flex;
    gap: 10px;
}
body .footer__bestchange {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    margin: 24px 8px 0;
}
body .footer__bestchange img {
    display: block;
    height: 40px;
    width: auto;
    border: 0;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}
body .footer__bestchange:hover img { opacity: 1; }
body .footer__btn {
    width: 40px;
    height: 40px;
    background-color: transparent !important;
    border-radius: 8px;
}
body .footer__col-2 {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-end;
    flex: 1;
}
body .main-nav,
body .general-nav,
body .contacts-nav {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 220px;
    flex-shrink: 0;
}
body .main-menu__list-footer,
body .footer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 220px;
}
body .main-menu__list-footer li,
body .footer__menu li {
    padding: 4px 8px;
}
body .main-menu__list-footer a,
body .footer__menu a,
body .contacts-nav a {
    color: var(--fx-text-muted) !important;
    font: 500 12px/1.1 "Inter", sans-serif;
    text-decoration: none;
    background: transparent !important;
    padding: 0 !important;
}
body .contacts-nav .contacts {
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 8px;
}
body .footer__info {
    color: var(--fx-text-muted);
    font: 300 12px/1.1 "Inter", sans-serif;
    padding: 4px 8px;
    margin: 4px 0 0;
}
body .cop {
    color: var(--fx-text-muted);
    font-size: 11px;
    padding: 4px 8px;
    margin-top: 8px;
}
body .btn_return,
body .js_to_top { display: none !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    body.page-template-pn-pluginpage .exch_ajax_wrap {
        grid-template-columns: 1fr;
        column-gap: 0;
        padding-top: 60px !important;
    }
    body.page-template-pn-pluginpage .exch_ajax_wrap > .notice_message,
    body.page-template-pn-pluginpage .exch_ajax_wrap > .warning_message {
        grid-column: 1;
        grid-row: auto;
    }
    body.page-template-pn-pluginpage .exch_ajax_wrap > .notice_message { order: -1; margin-bottom: 32px; }
    body.page-template-pn-pluginpage .exch_ajax_wrap > .warning_message { order: 99; margin-top: 32px; }
    body.page-template-pn-pluginpage .page-block.container { padding: 0 20px 60px !important; }
    body.page-template-pn-pluginpage .notice_message .text p { font-size: 36px; }
    body footer.footer .container.footer__grid {
        flex-direction: column;
        align-items: stretch;
    }
    body .footer__col-2 { align-items: stretch; }
    body .footer__col-2 > div:first-child {
        flex-direction: column;
        gap: 32px;
        justify-content: flex-start;
    }
    body.page-template-pn-pluginpage .main-menu {
        padding: 12px 20px;
    }
}

@media (max-width: 600px) {
    body.page-template-pn-pluginpage .user-bar { padding: 16px !important; }
    body.page-template-pn-pluginpage .topmenu_wrapper { gap: 16px; }
    body.page-template-pn-pluginpage .main-menu { display: none; }
    body.page-template-pn-pluginpage .main-menu.active { display: flex; }
    body.page-template-pn-pluginpage .main-menu-btn { display: block !important; }
    body.page-template-pn-pluginpage .notice_message .text p { font-size: 28px; }
    body.page-template-pn-pluginpage .xchange_data_title_ins { font-size: 22px; }
    body.page-template-pn-pluginpage .captcha_value,
    body.page-template-pn-pluginpage input.captcha_divpole { width: 100px !important; font-size: 18px !important; }
}

/* =====================================================================
   Order / Bid Status page (.exchange_status_html — uses pn-pluginpage)
   ===================================================================== */

/* Limit the status content column width for readability */
body.page-template-pn-pluginpage .exchange_status_html {
    max-width: 880px;
    margin: 0 auto;
}
body.page-template-pn-pluginpage .exchange_status_html #exchange_status_html {
    display: block;
}
body.page-template-pn-pluginpage .exchange_status_html .notice_message {
    max-width: none;
    margin: 0 0 40px;
}

/* The two main panels: payment summary + status */
body.page-template-pn-pluginpage .block_payinfo,
body.page-template-pn-pluginpage .block_statusbids {
    background: var(--fx-surface) !important;
    border: 1px solid var(--fx-border) !important;
    border-radius: 28px !important;
    color: var(--fx-text) !important;
    padding: 32px !important;
    margin: 0 0 24px !important;
}

/* The status panel hosts its own header + status block + warnings */
body.page-template-pn-pluginpage .block_statusbids_ins {
    background: transparent !important;
    padding: 0 !important;
}

/* Hide the generic "Как оплатить" theme header — it lands mid-panel after
   the status badge (theme markup order) and reads as visual noise. */
body.page-template-pn-pluginpage .block_statusbid_title { display: none !important; }

/* Payment info — Отдаете / Получаете rows */
body.page-template-pn-pluginpage .block_payinfo .block_payinfo_give,
body.page-template-pn-pluginpage .block_payinfo .block_payinfo_get {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .block_payinfo .block_payinfo_get {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
}
body.page-template-pn-pluginpage .block_payinfo .block_xchdata_line {
    color: var(--fx-text) !important;
    font: 500 20px/1.4 "Inter", sans-serif !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    word-break: normal !important;
    word-wrap: normal !important;
}
body.page-template-pn-pluginpage .block_payinfo .block_xchdata_line span {
    display: block !important;
    color: var(--fx-text-subtle) !important;
    font: 400 14px/1.4 "Inter", sans-serif !important;
    opacity: 0.7;
    margin-bottom: 4px !important;
    font-weight: 400 !important;
}

/* Status block (badge, time, error) */
body.page-template-pn-pluginpage .block_status {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    border: 0 !important;
}
body.page-template-pn-pluginpage .block_status_ins {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 8px !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .block_status_text {
    font: 600 22px/1.25 "Inter", sans-serif !important;
    margin: 0 !important;
    color: var(--fx-text) !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .block_status_text .block_status_text_info {
    color: var(--fx-text-subtle) !important;
    font-weight: 500 !important;
}
body.page-template-pn-pluginpage .block_status_bids {
    color: var(--fx-green) !important;
    font: 600 22px/1.25 "Inter", sans-serif !important;
    background: transparent !important;
}
/* Status state accent colours */
body.page-template-pn-pluginpage .block_status_bids.bstatus_new,
body.page-template-pn-pluginpage .block_status_bids.bstatus_wait_payment,
body.page-template-pn-pluginpage .block_status_bids.bstatus_wait_oper,
body.page-template-pn-pluginpage .block_status_bids.bstatus_wait_check { color: var(--fx-green) !important; }
body.page-template-pn-pluginpage .block_status_bids.bstatus_cancel { color: #ff6b6b !important; }
body.page-template-pn-pluginpage .block_status_bids.bstatus_payed,
body.page-template-pn-pluginpage .block_status_bids.bstatus_success { color: var(--fx-green) !important; }

body.page-template-pn-pluginpage .block_status_time {
    color: var(--fx-text-subtle) !important;
    font: 400 14px/1.4 "Inter", sans-serif !important;
    opacity: 0.7;
    padding: 0 !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .block_status_time span {
    color: inherit !important;
    font-weight: 400 !important;
}

/* Browser-warning error ("Ошибка! Вы не можете управлять заявкой...") */
body.page-template-pn-pluginpage .block_change_browser {
    color: #ff6b6b !important;
    font: 500 15px/1.5 "Inter", sans-serif !important;
    text-align: center;
    padding: 16px 0 0 !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .block_change_browser_ins {
    background: transparent !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .block_change_browser p {
    margin: 0 !important;
    color: inherit !important;
}

/* Warning merch (page refresh notice / generic info banner) */
body.page-template-pn-pluginpage .block_warning_merch {
    background: rgba(131, 192, 109, 0.10) !important;
    border: 1px solid rgba(131, 192, 109, 0.30) !important;
    border-radius: 16px !important;
    padding: 14px 20px !important;
    margin: 16px 0 0 !important;
    color: var(--fx-text);
}
body.page-template-pn-pluginpage .block_warning_merch_ins {
    background: transparent !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .block_warning_merch p {
    margin: 0 !important;
    color: var(--fx-text) !important;
    font: 400 14px/1.5 "Inter", sans-serif !important;
}

/* Pay button + refresh toggle wrapper */
body.page-template-pn-pluginpage .block_paybutton_merch {
    padding: 0 !important;
    margin: 24px 0 0 !important;
    background: transparent !important;
}
body.page-template-pn-pluginpage .block_paybutton_merch_ins {
    justify-content: center !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Visible state of the merch pay button (when not collapsed to switcher) */
body.page-template-pn-pluginpage .block_paybutton_merch_ins a.merch_paybutton {
    background: var(--fx-green) !important;
    color: var(--fx-text) !important;
    border: 0 !important;
    border-radius: var(--fx-radius-btn) !important;
    font: 500 18px/1 "Inter", sans-serif !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 16px 32px !important;
    box-shadow: none !important;
    transition: background-color 0.2s;
}
body.page-template-pn-pluginpage .block_paybutton_merch_ins a.merch_paybutton:hover {
    background: #6fa85a !important;
    box-shadow: none !important;
    color: var(--fx-text) !important;
}

/* Refresh on/off toggle text */
body.page-template-pn-pluginpage .block_paybutton_merch_ins .switcher_wrapper .switcher_text {
    color: var(--fx-text) !important;
    font: 500 15px/1.2 "Inter", sans-serif !important;
}

/* Hide the empty progress placeholder (theme already does this, keep it) */
body.page-template-pn-pluginpage .block_check_payment { display: none !important; }

/* Hide the language flags row that occasionally renders inside the status block */
body.page-template-pn-pluginpage .exchange_status_html .flags_wrapper { display: none !important; }

/* Bid instruction copy (shown for some statuses) */
body.page-template-pn-pluginpage .block_instruction {
    margin: 0 0 16px !important;
}
body.page-template-pn-pluginpage .block_instruction p {
    color: var(--fx-text-subtle) !important;
    font: 400 16px/1.5 "Inter", sans-serif !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
}
body.page-template-pn-pluginpage .block_instruction .comment_user {
    background: rgba(131, 192, 109, 0.08) !important;
    border: 1px solid rgba(131, 192, 109, 0.20) !important;
    border-radius: 16px !important;
    padding: 14px 20px !important;
    color: var(--fx-text) !important;
    margin: 0 0 16px !important;
    font: 400 15px/1.5 "Inter", sans-serif !important;
}

/* Responsive — status page */
@media (max-width: 1024px) {
    body.page-template-pn-pluginpage .exchange_status_html { max-width: none; }
}
@media (max-width: 600px) {
    body.page-template-pn-pluginpage .block_payinfo,
    body.page-template-pn-pluginpage .block_statusbids { padding: 20px !important; border-radius: 20px !important; }
    body.page-template-pn-pluginpage .block_statusbid_title { font-size: 22px !important; }
    body.page-template-pn-pluginpage .block_payinfo .block_xchdata_line { font-size: 18px !important; }
    body.page-template-pn-pluginpage .block_status_text,
    body.page-template-pn-pluginpage .block_status_bids { font-size: 18px !important; line-height: 1.3 !important; }
}

/* ---------- Account navigation (replaces the legacy user_widget rendering) ---------- */
body.page-template-pn-pluginpage .inner.grid.premium-3-1:has(> .account-nav-aside) {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}
body.page-template-pn-pluginpage .inner.grid.premium-3-1:has(> .account-nav-aside) > .inner-content {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}
body.page-template-pn-pluginpage .account-nav-aside {
    grid-column: 1;
    grid-row: 1;
    position: sticky;
    top: 24px;
    align-self: start;
}

body.page-template-pn-pluginpage .account-nav {
    background: var(--fx-surface);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 12px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}
body.page-template-pn-pluginpage .account-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
body.page-template-pn-pluginpage .account-nav__item {
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-template-pn-pluginpage .account-nav__item::before,
body.page-template-pn-pluginpage .account-nav__item::after {
    content: none !important;
    display: none !important;
}
body.page-template-pn-pluginpage .account-nav__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px 11px 20px;
    border-radius: 14px;
    color: var(--fx-text-muted);
    text-decoration: none !important;
    font: 500 14px/1.3 "Inter", sans-serif;
    transition: background-color .15s ease, color .15s ease;
    position: relative;
    border: 0;
    background: transparent;
}
body.page-template-pn-pluginpage .account-nav__link:hover,
body.page-template-pn-pluginpage .account-nav__link:focus-visible {
    background: rgba(255, 255, 255, 0.04);
    color: var(--fx-text);
    text-decoration: none !important;
    outline: none;
}
body.page-template-pn-pluginpage .account-nav__item.is-active > .account-nav__link {
    background: rgba(131, 192, 109, 0.12);
    color: var(--fx-green);
}
body.page-template-pn-pluginpage .account-nav__item.is-active > .account-nav__link::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 12px;
    bottom: 12px;
    width: 3px;
    border-radius: 3px;
    background: var(--fx-green);
}
body.page-template-pn-pluginpage .account-nav__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: break-word;
}
body.page-template-pn-pluginpage .account-nav__ext {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.45);
    transition: color .15s ease, transform .15s ease;
}
body.page-template-pn-pluginpage .account-nav__link:hover .account-nav__ext {
    color: var(--fx-green);
    transform: translate(1px, -1px);
}
body.page-template-pn-pluginpage .account-nav__item--logout {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body.page-template-pn-pluginpage .account-nav__item--logout > .account-nav__link {
    color: rgba(255, 255, 255, 0.55);
}
body.page-template-pn-pluginpage .account-nav__item--logout > .account-nav__link:hover {
    color: #ff6b8a;
    background: rgba(255, 107, 138, 0.08);
}
body.page-template-pn-pluginpage .account-nav__logout-ico {
    flex-shrink: 0;
    color: currentColor;
}

/* Mobile/tablet — stack nav above content */
@media (max-width: 1024px) {
    body.page-template-pn-pluginpage .inner.grid.premium-3-1:has(> .account-nav-aside) {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    body.page-template-pn-pluginpage .inner.grid.premium-3-1:has(> .account-nav-aside) > .inner-content {
        grid-column: 1;
        grid-row: 2;
    }
    body.page-template-pn-pluginpage .account-nav-aside {
        grid-column: 1;
        grid-row: 1;
        position: static;
    }
    body.page-template-pn-pluginpage .account-nav { border-radius: 20px; }
}

@media (max-width: 600px) {
    body.page-template-pn-pluginpage .account-nav { padding: 8px; border-radius: 16px; }
    body.page-template-pn-pluginpage .account-nav__link { padding: 12px 14px 12px 18px; font-size: 14px; }
    body.page-template-pn-pluginpage .account-nav__item.is-active > .account-nav__link::before { left: 6px; }
}