/* ============================================
   MODERN REDESIGN v2 — Exchange Monitoring
   Premium Fintech Design
   Dark Blue + Green Accents
   ============================================ */

/* --- Self-hosted Inter font (no external requests) --- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* --- CSS Custom Properties — Dark Fintech Theme --- */
:root {
    --primary: #0b1120;
    --primary-light: #131d2f;
    --primary-mid: #1a2940;
    --accent: #00c853;
    --accent-hover: #00e676;
    --accent-glow: rgba(0, 200, 83, 0.15);
    --bg: #0e1621;
    --bg-warm: #131d2f;
    --card: #162032;
    --card-hover: #1a2740;
    --text: #e2e8f0;
    --text-secondary: #b0bec5;
    --text-muted: #8a9bb5;
    --border: #1e3048;
    --border-light: #1a2740;
    --table-header: #0b1120;
    --table-hover: rgba(0, 200, 83, 0.06);
    --table-stripe: #131d2f;
    --success: #10b981;
    --error: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;
    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.2);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.2);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.4), 0 4px 10px rgba(0,0,0,0.2);
    --shadow-xl: 0 20px 40px rgba(0,0,0,0.1);
    --radius: 12px;
    --radius-sm: 8px;
    --radius-xs: 6px;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =============================================
   NUCLEAR OVERRIDES — Kill all old plugin/theme
   fixed widths, image backgrounds, and legacy
   ============================================= */

/* Kill ALL image backgrounds from plugin */
.exchangers_table,
table#exchangers_plugin,
table#exchangers_plugin tr,
table#exchangers_plugin td,
table.exchange,
table.exchange tr,
table.exchange td,
table.exchange tr.titles td,
table.change_select_widget,
table.change_select_widget td,
table.change_select_widget tr.titles td,
#exchange_d, #exchange_d_2, #exchange_d_3, #exchange_d_4,
#exchange_pad,
#cntr,
td.mx, td.mx1,
#AutoNumber4,
#AutoNumber4 td,
div.mcdropdown,
div.mcdropdown input,
.exchangers_button,
.exchangers_button_huge,
.exchangers_tabs_button,
#valutes_selection,
#valutes_selection input,
#valutes_selection select,
.rightblock-title,
.right_block_body,
.rightblock,
.tabs-block,
ul.tabs,
ul.tabs li,
.tab,
.meta-desc,
.meta-desc2,
.block-em,
.block-title-em,
.block,
.block-title,
.title-bl,
.title-bl-con-em,
.tableMenu,
.tableMenuLink,
#footer,
.footerleft,
.footercenter,
.footerright,
#wrap,
#content,
#left,
#right,
#header-top,
#logo,
#topmenu,
#nav,
#top-nav,
.top-menu,
.top-menu li,
.top-menu li a,
.top-menu ul,
.top-menu ul li,
.top-menu ul a,
#list-content,
.post-list,
.post-list h2,
.navlist,
#comments {
    background-image: none !important;
}

/* Kill ALL fixed widths from plugin */
.exchangers_table,
#cntr,
#exchange_d,
table#exchangers_plugin,
#valutes_selection,
table.change_select_widget,
.block-em,
#list-content,
.navlist,
#comments,
.post-list {
    width: 100% !important;
    max-width: 100% !important;
}

/* BL and Arbitrage columns disabled in DB settings.
   These selectors catch any remaining corner wrappers. */
table.exchange tr.titles td.c_t_r,
table.exchange td.c_t_r {
    display: none !important;
}

/* Hide decorative corner cells */
table.exchange td.c_t,
table.exchange td.c_b,
table.exchange td.c_b_r,
table.exchange tr.titles td.c_t {
    display: none !important;
    width: 0 !important;
    padding: 0 !important;
}

/* Hide all old decorative divs */
#c_t_abs, #c_t_r_abs, #c_t_abs_1, #c_t_r_abs_1,
#nav_l_c_abs, #nav_r_c_abs, #c_l_b_abs, #c_r_b_abs,
#exchange_d_2, #exchange_d_3, #exchange_d_4,
#header-photo, #header-banner, #top-social, #share42 {
    display: none !important;
}

/* Hide empty spacer rows */
table#exchangers_plugin tr td.br {
    display: none !important;
}

table#exchangers_plugin tr:has(> td.br) {
    display: none !important;
}

/* Hide tiny info icon column — it just adds clutter */
table.exchange td.info {
    display: none !important;
}

/* Kill old clear divs */
.clear {
    display: none !important;
}

/* --- Reset & Base --- */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--text) !important;
    background: var(--bg) !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    /* Sticky footer: body fills viewport, #wrap grows, footer stays at bottom */
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

a {
    color: var(--accent) !important;
    text-decoration: none !important;
    transition: var(--transition);
}
a:hover {
    color: var(--accent-hover) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font) !important;
    color: var(--text) !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0;
    font-weight: 700 !important;
}
h1 { font-size: 28px !important; }
h2 { font-size: 22px !important; font-weight: 600 !important; }
h3 { font-size: 18px !important; font-weight: 600 !important; }
h4 { font-size: 16px !important; font-weight: 600 !important; }

img { max-width: 100%; height: auto; }

::selection {
    background: var(--accent-glow);
    color: var(--text);
}

/* --- Page Layout --- */
#wrap {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    flex: 1 0 auto !important;
}

#content {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 32px;
    padding: 32px 24px !important;
    width: 100% !important;
    background: none !important;
    align-items: stretch !important;
}

#left {
    flex: 2 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    margin-bottom: 0 !important;
}

#right {
    flex: 0 0 33% !important;
    max-width: 33% !important;
    min-width: 280px !important;
    width: auto !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
}

.clear { display: none !important; }

/* =============================================
   TOPBAR INFO — inline with logo
   ============================================= */
.topbar-info {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
    font-size: 12px !important;
    color: var(--text-muted) !important;
    white-space: nowrap;
}

.ticker-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.ticker-label {
    color: var(--text-secondary) !important;
}

.ticker-value {
    color: var(--accent) !important;
    font-weight: 600 !important;
}

.ticker-sep {
    width: 1px !important;
    height: 12px !important;
    background: var(--border) !important;
    margin: 0 14px !important;
    flex-shrink: 0;
}

/* =============================================
   TOPBAR — Logo + Nav in one row
   ============================================= */
#header-top, #topmenu { display: none !important; }

#topbar {
    background: var(--primary) !important;
    border-bottom: 1px solid var(--border) !important;
    width: 100% !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4) !important;
    transition: var(--transition-slow);
}

.topbar-inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: 56px !important;
}

#logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin-right: 32px !important;
}

#logo a {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    margin: -10px -20px !important;
    border-radius: var(--radius-sm) !important;
    transition: var(--transition) !important;
    white-space: nowrap;
}

#logo a:hover {
    background: transparent !important;
}

.logo-main {
    color: #ffffff;
}

.logo-dot {
    color: var(--accent);
    font-weight: 800;
}

#header-photo,
#header-banner {
    display: none !important;
}

.top-menu {
    display: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.top-menu li {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    position: relative;
}

.top-menu li a {
    display: block !important;
    padding: 12px 18px !important;
    margin: 4px 2px !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: none !important;
    height: auto !important;
    line-height: normal !important;
    transition: var(--transition) !important;
    border: 1px solid transparent !important;
    border-radius: var(--radius-sm) !important;
    position: relative;
}

.top-menu li a:hover {
    background: var(--accent-glow) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

.top-menu li.current-menu-item a,
.top-menu li.current_page_item a {
    font-weight: 600 !important;
    background: var(--accent-glow) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

/* Dropdown submenus */
.top-menu li ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-lg) !important;
    min-width: 220px !important;
    padding: 6px 0 !important;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: var(--transition);
}

.top-menu li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.top-menu li ul li a {
    padding: 10px 20px !important;
    border-bottom: none !important;
    font-size: 13px !important;
    color: var(--text-secondary) !important;
}

.top-menu li ul li a:hover {
    background: var(--bg) !important;
    color: var(--accent) !important;
}

#top-social {
    display: none !important;
}

/* =============================================
   CONTENT CARDS & BLOCKS
   ============================================= */
.block-em {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    border: none !important;
    width: auto !important;
    overflow: visible !important;
    color: var(--text) !important;
}

.block {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 24px !important;
    margin-bottom: 20px !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border) !important;
    width: auto !important;
}

.block-body-em {
    padding: 0 !important;
}

.right_pad {
    padding: 0 !important;
    border: none !important;
}

.block-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin-bottom: 0 !important;
    padding: 16px 24px !important;
    background: var(--primary) !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 13px !important;
}

.block-title-em {
    display: none !important;
}

/* Page card — main content container */
.page-card {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 32px !important;
    margin-bottom: 0 !important;
    border: 1px solid var(--border) !important;
    box-shadow: var(--shadow-sm) !important;
}

.page-card h1 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    border-bottom: none !important;
}

.page-body {
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
}

.page-body p {
    margin-bottom: 14px !important;
}

.page-body strong, .page-body b {
    color: var(--text) !important;
}

/* Post meta */
.post-meta, .meta {
    font-size: 12px !important;
    color: var(--text-muted) !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* Post navigation */
.post-nav {
    display: flex !important;
    justify-content: space-between !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
    border-top: 1px solid var(--border) !important;
}

/* Edit link */
.edit-link {
    margin-bottom: 12px !important;
}
.edit-link a {
    font-size: 12px !important;
    padding: 4px 10px !important;
    background: var(--primary-mid) !important;
    border-radius: 4px !important;
}

/* Old wrappers — make transparent */
#list-content, .list-content, .post-list {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Page title / H1 area (old templates) */
.meta-desc, .meta-desc2 {
    display: none !important;
}

/* =============================================
   EXCHANGERS PLUGIN — MAIN TABLE
   ============================================= */
table#exchangers_plugin {
    width: 100% !important;
    border: none !important;
}

table#exchangers_plugin,
table#exchangers_plugin tr,
table#exchangers_plugin tr td {
    font-family: var(--font) !important;
    border: none !important;
}

/* Section titles within the plugin */
table#exchangers_plugin tr td .title-bl,
.title-bl-con-em {
    background: none !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin: 20px 0 14px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.title-bl-con-em::before {
    content: '' !important;
    display: inline-block !important;
    width: 4px !important;
    height: 22px !important;
    background: var(--accent) !important;
    border-radius: 2px !important;
    flex-shrink: 0;
}

/* =============================================
   VISUAL SECTION CARDS — Plugin content separation
   ============================================= */

/* Currency selector area — styled as a card */
table.change_select_widget {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 20px 24px !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border) !important;
    margin-bottom: 32px !important;
    border-top: 3px solid var(--accent) !important;
}

table.change_select_widget td {
    background: none !important;
    border: none !important;
}

/* Actions block (Курсы/Калькулятор/Двойной обмен tabs) — styled as card */
table.actionsblock,
#actionsBlockTable {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 20px 24px !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border) !important;
    margin-bottom: 20px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Exchange data table — same shadow as all cards */
table.exchange {
    box-shadow: var(--shadow-sm) !important;
    margin-bottom: 24px !important;
}

/* Page blocks (popular changes, how it works, etc.) — card style */
table#exchangers_plugin tr td .title-bl {
    margin-top: 28px !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* =============================================
   EXCHANGE RATE TABLE
   ============================================= */
table.exchange {
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    background: var(--card) !important;
}

/* Header row */
table.exchange tr.titles td,
table#exchangers_plugin tr td table.exchange tr.titles td {
    background: var(--primary) !important;
    color: var(--text-secondary) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 14px 12px !important;
    border: none !important;
    white-space: nowrap !important;
    font-family: var(--font) !important;
}

/* Round the table corners via cells (overflow: visible needs this) */
table.exchange tr.titles td:first-child {
    border-radius: var(--radius-sm) 0 0 0;
}
table.exchange tr.titles td:last-child {
    border-radius: 0 var(--radius-sm) 0 0;
}
table.exchange tr:last-child td:first-child {
    border-radius: 0 0 0 var(--radius-sm);
}
table.exchange tr:last-child td:last-child {
    border-radius: 0 0 var(--radius-sm) 0;
}

/* Data rows */
table.exchange tr {
    background: var(--card) !important;
    transition: var(--transition) !important;
}

table.exchange tr:nth-child(even):not(.titles) {
    background: var(--table-stripe) !important;
}

table.exchange tr:hover:not(.titles) {
    background: var(--card-hover) !important;
    transform: translateY(-2px);
    position: relative;
    z-index: 1;
}

table.exchange tr:hover:not(.titles) td {
    border-bottom-color: transparent !important;
    position: relative;
}

table.exchange tr:hover:not(.titles) td::after {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    right: 0;
    border-top: 1px solid var(--accent);
    border-bottom: 1px solid var(--accent);
    pointer-events: none;
}

table.exchange tr:hover:not(.titles) td:first-child::after {
    left: -1px;
    border-left: 1px solid var(--accent);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

table.exchange tr:hover:not(.titles) td:last-child::after {
    right: -1px;
    border-right: 1px solid var(--accent);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* Data cells */
table.exchange td,
table#exchangers_plugin tr td table.exchange td {
    padding: 12px !important;
    font-size: 13px !important;
    font-family: var(--font) !important;
    color: var(--text) !important;
    border: none !important;
    border-bottom: 1px solid var(--border-light) !important;
    vertical-align: middle !important;
    background: transparent !important;
}

table.exchange tr:last-child td {
    border-bottom: none !important;
}

/* Exchanger name links */
table.exchange td a {
    color: var(--text) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

table.exchange td a:hover {
    color: var(--accent) !important;
}

/* Rate values - make them stand out */
table.exchange td b,
table.exchange td strong {
    font-weight: 700 !important;
    color: var(--text) !important;
}

/* Corner decorations — remove */
table.exchange td.c_b,
table.exchange td.c_b_r,
table.exchange tr.titles td.c_t,
table.exchange tr.titles td.c_t_r {
    background: none !important;
    padding: 0 !important;
    width: 0 !important;
    display: none !important;
}

#c_t_abs, #c_t_r_abs, #c_t_abs_1, #c_t_r_abs_1,
#nav_l_c_abs, #nav_r_c_abs, #c_l_b_abs, #c_r_b_abs,
#exchange_d_2, #exchange_d_3, #exchange_d_4 {
    display: none !important;
}

#exchange_d {
    width: 100% !important;
}

#exchange_pad {
    padding: 0 !important;
}

/* Exchangers table wrapper */
.exchangers_table {
    width: 100% !important;
    overflow-x: auto !important;
}

/* Hidden rows (> 10) */
table.exchange tr.more10 {
    display: none;
}

/* =============================================
   CURRENCY SELECTOR / FORM
   ============================================= */
#valutes_selection {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 16px 0 !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

#valutes_selection > div {
    float: none !important;
}

#valutes_selection .text_in_form {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-muted) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 4px !important;
}

/* mcDropdown — functional base (from plugin) */
div.mcdropdown {
    display: block;
    position: relative;
}

div.mcdropdown input {
    float: left;
    cursor: pointer;
}

div.mcdropdown a {
    float: right;
    display: block;
    height: 100%;
    width: 20px;
    text-decoration: none;
    font-size: 0;
    z-index: 2;
    outline: 0;
}

ul.mcdropdown_menu {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    clear: both;
    z-index: 10000;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.mcdropdown_menu ul { display: none; list-style-type: none; margin: 0; padding: 0; }
ul.mcdropdown_menu li { list-style-type: none; cursor: pointer; white-space: nowrap; }
ul.mcdropdown_menu li.mc_root { cursor: pointer; }

div.mcdropdownDisabled { opacity: 0.5; pointer-events: none; }
div.mcdropdown_shadow { display: none; }

/* mcDropdown autocomplete — hidden, we use only the main menu */
ul.mcdropdown_autocomplete {
    display: none !important;
}

/* mcDropdown — visual override */
div.mcdropdown {
    width: 220px !important;
    height: auto !important;
    min-height: 36px !important;
    border: 2px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--card) !important;
    box-shadow: var(--shadow-xs) !important;
    transition: var(--transition) !important;
    overflow: visible !important;
}

div.mcdropdown:hover,
div.mcdropdown:focus-within {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    transform: translateY(-2px);
}

div.mcdropdown input[type=text] {
    font-family: var(--font) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
    padding: 10px 30px 10px 12px !important;
    height: auto !important;
    width: 100% !important;
    caret-color: transparent !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    background: transparent !important;
    box-shadow: none !important;
}

div.mcdropdown img.mcdropdown_arrow {
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%);
    opacity: 0.5;
}

/* mcDropdown menu */
ul.mcdropdown_menu {
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-lg) !important;
    background: var(--card) !important;
    max-height: 350px !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
    z-index: 9999 !important;
}

ul.mcdropdown_menu li {
    font-family: var(--font) !important;
    font-size: 13px !important;
    padding: 8px 14px !important;
    color: var(--text) !important;
    transition: var(--transition) !important;
    cursor: pointer;
    background-size: 18px 18px !important;
    background-position: 12px center !important;
    padding-left: 36px !important;
}

ul.mcdropdown_menu li:hover:not(.mcd-divider):not(.group) {
    background-color: var(--card-hover) !important;
    color: var(--accent) !important;
}

ul.mcdropdown_menu li.mc_root {
    font-family: var(--font) !important;
    font-size: 13px !important;
}

ul.mcdropdown_menu li.group {
    display: none !important;
}

ul.mcdropdown_menu li.mcd-divider {
    height: 1px !important;
    padding: 0 !important;
    margin: 4px 10px !important;
    background: var(--border-light) !important;
    pointer-events: none !important;
    cursor: default !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

ul.mcdropdown_menu li.mc_root.mc_root_current {
    background-color: var(--accent-glow) !important;
    color: var(--accent) !important;
    font-weight: 600 !important;
}

/* Change select widget */
table.change_select_widget {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
}

table.change_select_widget td {
    border: none !important;
    padding: 4px !important;
}

table.change_select_widget tr.titles td {
    background: var(--bg-warm) !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 10px 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-family: var(--font) !important;
    border-bottom: 1px solid var(--border) !important;
}

/* Widget currency table cells */
table.change_select_widget td.not_padded {
    padding: 0 !important;
}

table.change_select_widget td.not_padded a {
    display: block !important;
    padding: 7px 10px !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-family: var(--font) !important;
    transition: var(--transition) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

table.change_select_widget td.not_padded a:hover {
    background: var(--table-hover) !important;
    color: var(--accent) !important;
}

table.change_select_widget td.not_padded a[style*="549100"] {
    color: var(--accent) !important;
    font-weight: 600 !important;
}

table.change_select_widget td.current {
    background: var(--accent-glow) !important;
}

table.change_select_widget td.current a {
    color: var(--accent) !important;
    font-weight: 600 !important;
}

/* Currency group headers in widget */
table.change_select_widget tr.valutes_type td {
    background: var(--bg-warm) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    color: var(--text-secondary) !important;
    padding: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-family: var(--font) !important;
    border-bottom: 1px solid var(--border) !important;
    cursor: pointer;
}

table.change_select_widget tr.valutes_type td #arrow_down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--text-muted);
    margin-left: 6px;
    vertical-align: middle;
}

/* Widget currency icons */
table.change_select_widget td.not_padded img {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    margin-right: 6px !important;
    border-radius: 2px;
}

/* Widget select form (list view) */
#widgetSelectFirst, #widgetSelectChange {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-secondary) !important;
    margin-bottom: 8px !important;
    font-family: var(--font) !important;
}

/* Tab buttons — bottom gap matches #content gap (32px) */
table.change_select_widget.no_background {
    margin-bottom: 32px !important;
}

table.change_select_widget.no_background td {
    padding: 2px !important;
}

/* Standard select dropdowns */
select, select.change {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    border: 2px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 10px 36px 10px 14px !important;
    font-size: 14px !important;
    font-family: var(--font) !important;
    color: var(--text) !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    width: 100% !important;
}

select:hover {
    border-color: var(--text-muted) !important;
}

select:focus {
    outline: none !important;
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px var(--accent-glow) !important;
}

/* =============================================
   BUTTONS
   ============================================= */
input[type="submit"],
input[type="button"],
.exchangers_button,
.exchangers_button_huge {
    background: linear-gradient(135deg, #009640 0%, #008a3a 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 11px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: 0 2px 8px rgba(0, 200, 83, 0.3) !important;
    height: auto !important;
    width: auto !important;
    line-height: normal !important;
    text-indent: 0 !important;
    background-image: none !important;
    background-image: linear-gradient(135deg, var(--accent) 0%, #00b84a 100%) !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.exchangers_button:hover,
.exchangers_button_huge:hover {
    background: linear-gradient(135deg, #00a848 0%, #009640 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 200, 83, 0.4) !important;
    transform: translateY(-2px);
}

input[type="submit"]:active,
input[type="button"]:active,
.exchangers_button:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0, 200, 83, 0.3) !important;
}

/* Text inputs */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="number"],
select,
textarea {
    border: 2px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-family: var(--font) !important;
    transition: var(--transition) !important;
    width: 100%;
    background: var(--card) !important;
    color: var(--text) !important;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    transform: translateY(-2px);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    box-shadow: 0 0 0 2px rgba(0, 200, 83, 0.2) !important;
    transform: translateY(-2px);
}

/* =============================================
   TABLE MENU / ACTION TABS
   ============================================= */
.tableMenu {
    margin: 14px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: auto !important;
}

.tableMenu > div {
    background-image: none !important;
    padding-left: 0 !important;
}

.tableMenuLink {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
    padding: 8px 18px !important;
    margin: 0 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background: var(--bg) !important;
    color: var(--text-secondary) !important;
    transition: var(--transition) !important;
    border: 1px solid var(--border) !important;
    cursor: pointer;
}

.tableMenuLink:hover {
    background: var(--card-hover) !important;
    color: var(--accent) !important;
    border-color: var(--accent) !important;
    transform: translateY(-2px);
}

a.act.tableMenuLink,
.tableMenuLink.act {
    background: var(--primary) !important;
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

/* Exchangers tab buttons (sidebar widget + content area) */
.exchangers_tabs_button {
    display: inline-block !important;
    padding: 10px 20px !important;
    margin: 0 4px 4px 0 !important;
    border-radius: 24px !important;
    background: var(--bg) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
    font-family: var(--font) !important;
    width: auto !important;
    text-align: center;
    box-sizing: border-box !important;
}

.exchangers_tabs_button:hover {
    background: var(--card-hover) !important;
    color: var(--accent) !important;
    border-color: var(--accent) !important;
    transform: translateY(-2px);
}

.exchangers_tabs_button.active,
.exchangers_tabs_button.exchangers_tabs_button_current {
    background: var(--accent) !important;
    color: #ffffff !important;
    border-color: var(--accent) !important;
}

/* Sidebar button table — ensure it fits */
table.change_select_widget.no_background {
    table-layout: fixed !important;
    width: 100% !important;
}

table.change_select_widget.no_background td {
    padding: 0 3px !important;
}

/* Content area tab buttons — wider style */
#actionsBlockTable .exchangers_tabs_button {
    width: auto !important;
    padding: 8px 18px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    margin: 0 4px 4px 0 !important;
}

/* =============================================
   BEST RATES TABLE
   ============================================= */
#AutoNumber4 {
    border: none !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

td.mx1 {
    background: var(--primary) !important;
    color: rgba(255,255,255,0.9) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 12px 14px !important;
    border: none !important;
    font-family: var(--font) !important;
}

td.mx {
    font-size: 13px !important;
    font-family: var(--font) !important;
    color: var(--text) !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid var(--border-light) !important;
    border-left: none !important;
    transition: var(--transition) !important;
    background: var(--card) !important;
}

td.mx:hover {
    background: var(--table-hover) !important;
}

td.mx a {
    color: var(--text) !important;
    font-weight: 500 !important;
}

td.mx a:hover {
    color: var(--accent) !important;
}

td.mx a.favorite {
    color: var(--accent) !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* "Show all" toggle */
#toggle_all {
    color: var(--accent) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* =============================================
   SIDEBAR
   ============================================= */
/* Legacy tabs — hide */
.tabs-block, .sidebar-section { display: none !important; }

/* =============================================
   SIDEBAR — Currency list + quick search blocks
   ============================================= */
.sidebar-currencies {
    background: none !important;
    border: none !important;
    overflow: visible !important;
    padding: 0 !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Old rightblock — hide */
.rightblock { display: contents !important; }
.rightblock-title { display: none !important; }

/* Sidebar widgets — stretch to fill sidebar height */
.sidebar-currencies > .sidebar-widget {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important;
}

.sidebar-widget-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--text-muted) !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 10px 0 !important;
    background: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--font) !important;
    border-bottom: 1px solid var(--border) !important;
}

.right_block_body, .right-block-body {
    padding: 0 !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hide tab toggle buttons (Таблица/Список/Популярное) */
.sidebar-currencies table.change_select_widget.no_background {
    display: none !important;
}

/* Hide popularView in sidebar (duplicate of main page) */
#popularView {
    display: none !important;
}

/* ---- Sidebar custom currency dropdown ---- */
.sidebar-select-form {
    margin-bottom: 14px;
}

.sidebar-select-row {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}

.cdd-wrap {
    flex: 1;
    position: relative;
    min-width: 0;
}

.cdd-selected {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: var(--card);
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    font-family: var(--font);
    box-sizing: border-box;
}

.cdd-selected:hover,
.cdd-open .cdd-selected {
    border-color: var(--accent);
    background: var(--card-hover);
}

.cdd-selected img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 2px;
}

.cdd-selected span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    line-height: 1.3;
}

.cdd-arrow {
    flex-shrink: 0;
    color: var(--text-muted);
    transition: transform 0.2s;
}

.cdd-open .cdd-arrow {
    transform: rotate(180deg);
}

.cdd-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    z-index: 9999;
    padding: 4px 0;
}

.cdd-open .cdd-dropdown {
    display: block;
}

.cdd-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    cursor: pointer;
    font-family: var(--font);
    font-size: 12px;
    color: var(--text);
    transition: background 0.12s;
    white-space: nowrap;
}

.cdd-item img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 2px;
}

.cdd-item:hover {
    background: var(--card-hover);
    color: var(--accent);
}

.cdd-item.cdd-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.cdd-divider {
    height: 1px;
    margin: 4px 8px;
    background: var(--border-light);
}

.sidebar-select-form .exchangers_button_huge {
    width: 100%;
    margin-top: 6px;
}

/* Search input for currency table */
.sidebar-search {
    width: 100% !important;
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
    font-family: var(--font) !important;
    font-size: 13px !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: var(--transition) !important;
}

.sidebar-search:hover {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    transform: translateY(-2px);
}

.sidebar-search:focus {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    transform: translateY(-2px);
}

.sidebar-search::placeholder {
    color: var(--text-muted) !important;
}

/* Scrollable currency table — border on wrapper so scrollbar is inside */
.sidebar-table-scroll {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 0 !important;
    box-shadow: var(--shadow-sm) !important;
}

/* No-offers notification above sidebar table */
/* ── Toast notifications ── */
#toast-container {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 10000;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    pointer-events: none;
}
.toast-msg {
    pointer-events: auto;
    padding: 12px 22px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: var(--radius-sm);
    color: #f87171;
    font-size: 13px;
    font-weight: 600;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    transform: translateX(calc(100% + 30px));
    opacity: 0;
    transition: transform .35s cubic-bezier(.4,0,.2,1), opacity .35s ease;
    max-width: 340px;
    white-space: nowrap;
}
.toast-msg.toast-visible {
    transform: translateX(0);
    opacity: 1;
}

/* Hide group headers (Криптовалюта, Электронные валюты, etc.) in sidebar */
#tableView tr.valutes_type {
    display: none !important;
}

/* Sidebar currency table — borderless, wrapper handles border */
#tableView {
    background: var(--card) !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

#tableView tr.titles {
    position: sticky;
    top: 0;
    z-index: 2;
}

#tableView tr.titles td {
    background: var(--primary) !important;
    color: var(--text-secondary) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 14px 12px !important;
    border: none !important;
    white-space: nowrap !important;
    font-family: var(--font) !important;
}

/* Data rows — match table.exchange */
#tableView tr:not(.titles):not(.valutes_type) {
    background: var(--card) !important;
    transition: var(--transition) !important;
}

#tableView tr:nth-child(even):not(.titles):not(.valutes_type) {
    background: var(--table-stripe) !important;
}

/* No row-level hover — cell-level hover below */

/* Data cells — override .right_block_body td */
#tableView td {
    padding: 12px !important;
    font-size: 13px !important;
    font-family: var(--font) !important;
    color: var(--text) !important;
    border: none !important;
    border-bottom: 1px solid var(--border-light) !important;
    vertical-align: middle !important;
    background: transparent !important;
}

#tableView tr:last-child td {
    border-bottom: none !important;
}

/* Override .not_padded — use same padding as table.exchange cells */
#tableView td.not_padded {
    padding: 0 !important;
}

#tableView td.not_padded a {
    display: block !important;
    padding: 12px !important;
    color: var(--text) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    font-family: var(--font) !important;
    border-bottom: 1px solid var(--border-light) !important;
    transition: var(--transition) !important;
    text-decoration: none !important;
}

#tableView td.not_padded a:hover {
    color: var(--accent) !important;
    background: var(--card-hover) !important;
    box-shadow: inset 0 0 0 1px var(--accent);
    border-radius: var(--radius-sm);
    border-bottom-color: transparent !important;
    transform: translateY(-2px);
}

/* Sidebar currency icons — match main table */
#tableView td.not_padded img {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    border-radius: 2px !important;
}

/* Current/selected currency highlight */
#tableView td.current a {
    color: var(--accent) !important;
    font-weight: 700 !important;
    background: var(--card-hover) !important;
    box-shadow: inset 0 0 0 1px var(--accent);
    border-radius: var(--radius-sm);
    border-bottom-color: transparent !important;
}

.sidebar-table-scroll::-webkit-scrollbar {
    width: 5px;
}

.sidebar-table-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-table-scroll::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}

.sidebar-table-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Sidebar widget tables */
.sidebar-widget table,
.right_block_body table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.sidebar-widget td,
.right_block_body td {
    padding: 7px 6px !important;
    font-size: 13px !important;
    border-bottom: 1px solid var(--border-light) !important;
    font-family: var(--font) !important;
    color: var(--text) !important;
}

.sidebar-widget tr:last-child td,
.right_block_body tr:last-child td {
    border-bottom: none !important;
}

/* Currency pair highlight in sidebar */
td[bgcolor="#98FFB4"], td[style*="98FFB4"] {
    background: var(--accent-glow) !important;
    border-radius: 4px !important;
}

/* Sidebar currency icons */
.sidebar-widget td img,
.sidebar-panel td img {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
}

/* Sidebar links */
.sidebar-widget a,
.sidebar-panel a {
    color: var(--text) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}
.sidebar-widget a:hover,
.sidebar-panel a:hover {
    color: var(--accent) !important;
}

/* =============================================
   SIDEBAR — Quick search block (listView)
   ============================================= */
/* listView — quick search card */
#listView {
    display: block !important;
    width: 100% !important;
    margin-bottom: 16px !important;
    padding: 14px !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-sizing: border-box !important;
}

#listView > tbody {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#listView > tbody > tr {
    display: block !important;
    flex: 1 1 45% !important;
    min-width: 0 !important;
}

/* Hide spacer row */
#listView > tbody > tr[style*="height"] {
    display: none !important;
}

/* Button row — full width */
#listView > tbody > tr:last-child {
    flex: 1 1 100% !important;
}

#listView td {
    display: block !important;
    border-bottom: none !important;
    padding: 0 !important;
}

#listView #widgetSelectFirst,
#listView #widgetSelectChange {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--text-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 4px !important;
}

#widgetSelectFirst > div,
#widgetSelectFirst > div > div,
#widgetSelectChange > div,
#widgetSelectChange > div > div {
    float: none !important;
    width: 100% !important;
    clear: both !important;
}

#widgetSelectFirst div.mcdropdown,
#widgetSelectChange div.mcdropdown {
    width: 100% !important;
    z-index: 100 !important;
}

#listView .exchangers_button_huge {
    width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #009640 0%, #008a3a 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: var(--font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: var(--transition) !important;
}

#listView .exchangers_button_huge:hover {
    background: linear-gradient(135deg, #00a848 0%, #009640 100%) !important;
}

/* =============================================
   REVIEWS / COMMENTS STYLING
   ============================================= */
/* Review count container — compact inline layout */
table.exchange td.mx {
    white-space: nowrap !important;
    cursor: pointer !important;
}

table.exchange td.mx:hover span.js_right,
table.exchange td.mx:hover span[style*="#ff0000"],
table.exchange td.mx:hover span[style*="#008000"] {
    filter: brightness(1.3) !important;
    transform: scale(1.1);
    transition: all 0.15s ease !important;
}

/* Review count badges — dark theme tags */
table.exchange td span.js_right,
table.exchange td span[style*="color:red"],
table.exchange td span[style*="color: red"],
table.exchange td span[style*="#ff0000"],
table.exchange td span[style*="color:green"],
table.exchange td span[style*="color: green"],
table.exchange td span[style*="#008000"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-width: 22px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    text-align: center !important;
    line-height: 1.3 !important;
    border: none !important;
    border-bottom: none !important;
    vertical-align: middle !important;
}

/* Negative reviews — subtle dark red */
table.exchange td span[style*="#ff0000"],
table.exchange td span[style*="color:red"],
table.exchange td span[style*="color: red"] {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #f87171 !important;
}

/* Positive reviews — subtle dark green */
table.exchange td span[style*="#008000"],
table.exchange td span[style*="color:green"],
table.exchange td span[style*="color: green"] {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #34d399 !important;
}

/* Slash separator between counts */
table.exchange td span[style*="float:left"]:not(.js_right) {
    float: none !important;
    display: inline !important;
    margin: 0 1px !important;
    color: var(--text-muted) !important;
    font-size: 11px !important;
    vertical-align: middle !important;
}

/* Review comment icon — hide */
table.exchange td img[src*="user_comment"] {
    display: none !important;
}

/* Info section */
table#exchangers_plugin .info {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--text-secondary) !important;
}

table#exchangers_plugin .info a {
    color: var(--accent) !important;
    font-weight: 500 !important;
}

/* =============================================
   TOOLTIPS (tiptip) — functional + visual
   ============================================= */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }

#tiptip_content {
    font-family: var(--font) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #fff !important;
    text-shadow: none !important;
    padding: 10px 14px !important;
    border: none !important;
    background: var(--primary) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-xl) !important;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: var(--primary); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: var(--primary); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: var(--primary); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: var(--primary); }

/* =============================================
   FORMS & ALERTS
   ============================================= */
.login_error {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-left: 4px solid var(--error) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 18px !important;
    color: var(--error) !important;
    font-size: 14px !important;
}

.login_okey {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 4px solid var(--success) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 18px !important;
    color: var(--success) !important;
    font-size: 14px !important;
}

/* =============================================
   POST LISTING
   ============================================= */
#list-content,
.list-content {
    background: var(--card) !important;
    border-radius: var(--radius) !important;
    padding: 24px !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border) !important;
    margin-bottom: 24px !important;
}

.list-content h1 {
    font-size: 24px !important;
    margin-bottom: 16px !important;
}

.post-list {
    position: relative;
}

.post-list h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

.post-list h2 a {
    color: var(--text) !important;
}

.post-list h2 a:hover {
    color: var(--accent) !important;
}

.post-list .meta {
    font-size: 13px !important;
    color: var(--text-muted) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.post-list .meta a {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
}

.post-list .meta a:hover {
    color: var(--accent) !important;
}

.post-list .thumb {
    float: left !important;
    margin: 0 16px 12px 0 !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Pagination */
.wp-pagenavi {
    padding: 16px 0 !important;
    text-align: center !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    margin: 0 3px !important;
    border-radius: var(--radius-sm) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid var(--border) !important;
    background: var(--card) !important;
    color: var(--text-secondary) !important;
    transition: var(--transition) !important;
}

.wp-pagenavi a:hover {
    border-color: var(--accent) !important;
    color: var(--accent) !important;
    background: var(--accent-glow) !important;
}

.wp-pagenavi span.current {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    font-weight: 700 !important;
}

/* =============================================
   FOOTER — Full-width, outside #wrap
   ============================================= */
#footer {
    background: var(--primary) !important;
    border-top: 1px solid var(--border) !important;
    color: rgba(255,255,255,0.7) !important;
    padding: 0 !important;
    margin-top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    position: relative;
    flex-shrink: 0 !important;
}

/* decorative lines removed */

.footer-inner {
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 24px 24px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

/* Footer columns */
.footer-col {
    flex: none !important;
}

.footer-links ul {
    display: flex !important;
    gap: 24px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-links li {
    padding: 0 !important;
}

.footer-contacts {
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
}

.footer-contacts a {
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: var(--transition) !important;
}

.footer-contacts a:hover {
    color: var(--accent) !important;
}

.footer-inner > .footerleft,
.footer-inner > .footercenter,
.footer-inner > .footerright,
.footer-col > .footerleft,
.footer-col > .footercenter,
.footer-col > .footerright {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    color: rgba(255,255,255,0.65) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

#footer a {
    color: var(--accent) !important;
    font-weight: 500 !important;
    transition: var(--transition) !important;
}

#footer a:hover {
    color: var(--accent-hover) !important;
}

#footer h3, #footer .footer-title,
#footer .rightblock-title,
#footer .sidebar-widget-title {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    padding: 0 0 10px 0 !important;
    background: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#footer li {
    padding: 5px 0 !important;
    background: none !important;
    list-style: none !important;
}

#footer ul {
    padding: 0 !important;
    margin: 0 !important;
}

/* Sidebar widgets in footer — now direct flex items */
#footer > .footer-inner > .sidebar-widget {
    margin-bottom: 0 !important;
}

#footer .sidebar-widget .rightblock {
    display: block !important;
}

#footer .sidebar-widget .rightblock-title {
    display: block !important;
}

#footer .sidebar-widget td {
    color: rgba(255,255,255,0.65) !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
    font-size: 12px !important;
    padding: 5px 4px !important;
}

#footer .sidebar-widget a {
    color: rgba(255,255,255,0.75) !important;
    font-size: 12px !important;
}

#footer .sidebar-widget a:hover {
    color: var(--accent) !important;
}

/* Hide widget buttons (Таблица/Список/Популярное) in footer */
#footer .exchangers_tabs_button {
    display: none !important;
}

#footer table.change_select_widget.no_background {
    display: none !important;
}

/* Footer widget area titles */
#footer .rightblock-title {
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

/* =============================================
   DETAILS / EXCHANGER REVIEWS PAGE
   ============================================= */
.details-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Status messages */
.details-msg {
    padding: 14px 20px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    font-weight: 500;
}

.details-msg-ok {
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    color: #34d399;
}

.details-msg-err {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
}

/* Exchanger header */
.details-header {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 24px;
}

.details-header-name a {
    font-size: 22px;
    font-weight: 700;
    color: var(--text) !important;
    text-decoration: none;
}

.details-header-name a:hover {
    color: var(--accent) !important;
}

.details-header-rating {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.details-stars {
    display: flex;
    gap: 2px;
}

.star {
    font-size: 18px;
    line-height: 1;
}

.star-filled {
    color: #fbbf24;
}

.star-empty {
    color: var(--text-muted);
    opacity: 0.3;
}

.details-rating-text {
    font-size: 13px;
    color: var(--text-secondary);
}

/* Exchanger info */
.details-info {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.details-info-row {
    display: flex;
    padding: 14px 24px;
    border-bottom: 1px solid var(--border);
    gap: 16px;
    align-items: baseline;
}

.details-info-row:last-child {
    border-bottom: none;
}

.details-label {
    flex: 0 0 130px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
}

.details-value {
    font-size: 14px;
    color: var(--text);
    flex: 1;
}

.details-value a {
    color: var(--accent) !important;
    text-decoration: none;
}

/* Section titles */
.details-section-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 16px;
    padding-left: 12px;
    border-left: 3px solid var(--accent);
}

/* Reviews list */
.details-reviews {
    display: flex;
    flex-direction: column;
}

.details-no-reviews {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 32px;
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
}

.details-review {
    display: flex;
    gap: 16px;
    padding: 16px 20px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 8px;
    align-items: flex-start;
}

.details-review-badge {
    flex: 0 0 auto;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.badge-positive {
    background: rgba(16, 185, 129, 0.12);
    color: #34d399;
}

.badge-neutral {
    background: rgba(250, 204, 21, 0.12);
    color: #fbbf24;
}

.badge-negative {
    background: rgba(239, 68, 68, 0.12);
    color: #f87171;
}

.details-review-body {
    flex: 1;
    min-width: 0;
}

.details-review-text {
    font-size: 14px;
    color: var(--text);
    line-height: 1.5;
    word-wrap: break-word;
}

.details-review-date {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 6px;
}

/* Vote form */
.details-vote-form {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 24px;
}

.vote-ratings {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 20px;
}

.vote-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 8px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-xs);
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
}

.vote-option:hover {
    border-color: var(--accent);
    background: var(--card-hover);
    transform: translateY(-2px);
}

.vote-option:has(input:checked) {
    border-color: var(--accent);
    background: var(--card-hover);
    box-shadow: 0 0 0 1px var(--accent);
    transform: translateY(-2px);
}

.vote-option input[type="radio"] {
    display: none;
}

.vote-option-label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-secondary);
}

.vote-option:has(input:checked) .vote-option-label {
    color: var(--accent);
}

.vote-field {
    margin-bottom: 16px;
}

.vote-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 6px;
}

.vote-field .required {
    color: var(--error);
}

.vote-field input[type="text"] {
    width: 100%;
    padding: 10px 14px;
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius-xs);
    color: var(--text);
    font-family: var(--font);
    font-size: 14px;
    outline: none;
    transition: var(--transition);
}

.vote-field input[type="text"]:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(0, 200, 83, 0.15);
}

.vote-submit {
    display: inline-block;
    padding: 12px 32px;
    background: linear-gradient(135deg, var(--accent) 0%, #00b84a 100%);
    color: #ffffff;
    border: none;
    border-radius: var(--radius-xs);
    font-family: var(--font);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
}

.vote-submit:hover {
    background: linear-gradient(135deg, var(--accent-hover) 0%, #00d65a 100%);
    box-shadow: 0 4px 16px rgba(0, 200, 83, 0.4);
    transform: translateY(-1px);
}

/* =============================================
   EXCHANGE RATES PAGE (OtherPages)
   ============================================= */

/* Hide title row "Обмен X на Y" — hide entire <tr>, not just the div */
table#exchangers_plugin tr:has(> td > .title-bl) {
    display: none !important;
}
table#exchangers_plugin .title-bl {
    display: none !important;
}

/* Hide action menu (убрать мелочь, обратный обмен, показать все) */
table#exchangers_plugin .tableMenu {
    display: none !important;
}

/* Hide tab buttons row (курсы, калькулятор, оповещения, статистика) */
#actionsBlockTable > tbody > tr:first-child {
    display: none !important;
}

/* Remove card wrapper from actionsblock since tabs are hidden */
table.actionsblock,
#actionsBlockTable {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Strip extra margin from exchange table inside actionsblock */
#actionsBlockTable table.exchange {
    margin-bottom: 0 !important;
}

/* Other directions — tile grid, matches .popular_changes on main page */
.other-directions-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.other-directions-grid a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 10px !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 13px !important;
    color: var(--text-secondary) !important;
    text-decoration: none !important;
    text-align: center !important;
    transition: var(--transition) !important;
    box-shadow: var(--shadow-sm) !important;
    white-space: nowrap !important;
}

.other-directions-grid a:hover {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    color: var(--accent) !important;
    transform: translateY(-2px) !important;
}

/* Hide ALL section headers (OtherDirections + PaymentSystemInfo) */
table#exchangers_plugin .title-bl-con-em {
    display: none !important;
}

/* Rates info bar */
.rates-info-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 14px 20px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin: 32px 0;
}

.rates-info-item {
    font-size: 13px;
    color: var(--text-secondary);
}

.rates-info-label {
    color: var(--text-muted);
    margin-right: 4px;
}

.rates-info-item strong {
    color: var(--accent);
    font-weight: 700;
}

/* Hide old info blocks replaced by rates-info-bar */
td.info_left {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
}

td.info_left strong {
    color: var(--accent) !important;
}

/* Space line between sections */
table#exchangers_plugin td.br {
    height: 16px !important;
    background: transparent !important;
    border: none !important;
}

/* Old mainbodyblock fallback (notifications form etc.) */
table.mainbodyblock {
    border: none !important;
    width: 100% !important;
}

table.mainbodyblock td {
    font-family: var(--font) !important;
    font-size: 14px !important;
    color: var(--text) !important;
    padding: 8px !important;
    border: none !important;
}

table.mainbodyblock td.br {
    height: 1px !important;
    background: var(--border) !important;
    padding: 0 !important;
}

/* Comment items / review list */
.comment_block {
    padding: 14px !important;
    margin-bottom: 8px !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--bg-warm) !important;
}

/* Double exchange details */
.double_details td {
    padding: 14px !important;
    background: var(--bg-warm) !important;
    font-family: var(--font) !important;
}

table.double_tip {
    border: none !important;
    font-family: var(--font) !important;
}

table.double_tip td {
    padding: 4px 8px !important;
    font-size: 13px !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* Sort arrows in table headers */
.sort_asc, .sort_desc {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
}

/* Course form area */
#course_form {
    padding: 12px 0 !important;
}

/* =============================================
   POPULAR CHANGES BLOCK — no wrapper, grid layout
   ============================================= */

/* Break the table row out as a standalone block */
table#exchangers_plugin > tbody > tr:has(.popular_changes),
table#exchangers_plugin > tr:has(.popular_changes) {
    display: block !important;
    margin-top: 32px !important;
}

table#exchangers_plugin > tbody > tr:has(.popular_changes) > td,
table#exchangers_plugin > tr:has(.popular_changes) > td {
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Hide section title */
table#exchangers_plugin .popular_changes ~ .title-bl-con-em,
table#exchangers_plugin td:has(.popular_changes) .title-bl-con-em {
    display: none !important;
}

.popular_changes {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
}

.popular_changes a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 10px !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    font-size: 13px !important;
    color: var(--text-secondary) !important;
    transition: var(--transition) !important;
    text-align: center !important;
    box-shadow: var(--shadow-sm) !important;
    white-space: nowrap !important;
}

.popular_changes a:hover {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    color: var(--accent) !important;
    transform: translateY(-2px) !important;
}

/* =============================================
   EXCHANGERS LIST BLOCK — no wrapper, like main table
   ============================================= */

/* Break the table row out as a standalone block */
table#exchangers_plugin > tbody > tr:has(.exchangers-list-block),
table#exchangers_plugin > tr:has(.exchangers-list-block) {
    display: block !important;
    margin-top: 32px !important;
}

table#exchangers_plugin > tbody > tr:has(.exchangers-list-block) > td,
table#exchangers_plugin > tr:has(.exchangers-list-block) > td {
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Hide section title */
table#exchangers_plugin tr:has(.exchangers-list-block) .title-bl-con-em {
    display: none !important;
}

/* The exchange table gets its own card styling (same as main table) */
.exchangers-list-block table.exchange {
    margin: 0 !important;
    box-shadow: var(--shadow-sm) !important;
}

/* Optimize exchangers table column widths */
.exchangers-list-block table.exchange td[width="3%"] {
    width: 8% !important;
}

.exchangers-list-block table.exchange td[width="10%"] {
    width: 12% !important;
}

/* =============================================
   ABOUT SECTION — 3 cards + SEO text
   ============================================= */

.about-section {
    margin-top: 0;
    padding: 0 24px;
}

/* 3 principle cards in a row */
.about-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.about-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 28px 24px;
    text-align: center;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
}

.about-card:hover {
    border-color: var(--accent);
    background: var(--card-hover);
    transform: translateY(-2px);
}

.about-card-icon {
    margin-bottom: 16px;
}

.about-card-icon span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--accent-glow);
    border: 1px solid rgba(0, 200, 83, 0.25);
    font-size: 22px;
    color: var(--accent);
    line-height: 1;
}

.about-card-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
}

.about-card-text {
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-secondary);
}

/* SEO text below cards — full width */
.about-seo {
    font-size: 13px;
    line-height: 1.7;
    color: var(--text-muted);
}

.about-seo p {
    margin: 0 0 12px 0;
}

.about-seo h2 {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin: 20px 0 8px 0;
}

.about-section > h1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 20px 0;
    letter-spacing: -0.3px;
}

.home-faq-section > h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    margin: 0 0 16px 0;
}

/* =============================================
   HOME FAQ SECTION — full-width under About
   ============================================= */

.home-faq-section {
    margin-top: 24px;
    margin-bottom: 32px;
    padding: 0 24px;
}

.home-faq-section .faq-list {
    margin: 0;
}

.home-faq-section .faq-item {
    margin-bottom: 8px;
}

/* =============================================
   BREADCRUMBS
   ============================================= */
.breadcrumbs {
    font-family: var(--font);
    font-size: 12px;
    color: var(--text-muted);
    margin-bottom: 14px;
    line-height: 1.4;
}

.breadcrumbs a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.15s;
}

.breadcrumbs a:hover {
    color: var(--accent);
}

.breadcrumbs .bc-sep {
    margin: 0 6px;
    opacity: 0.4;
}

/* =============================================
   404 PAGE
   ============================================= */
.error-404 {
    text-align: center;
    padding: 60px 24px !important;
}

.error-404 h1 {
    margin-bottom: 24px !important;
}

.error-404-code {
    font-size: 96px;
    font-weight: 800;
    color: var(--accent);
    opacity: 0.2;
    line-height: 1;
    margin-bottom: 16px;
    letter-spacing: -4px;
}

.error-404-body p {
    font-size: 14px;
    line-height: 1.7;
    color: var(--text-secondary);
    max-width: 480px;
    margin: 0 auto 24px auto;
}

.error-404-actions .exchangers_button_huge {
    display: inline-block;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 1200px) {
    #wrap {
        max-width: 100% !important;
    }
    #content {
        padding: 24px 20px !important;
        gap: 24px;
    }
}

@media (max-width: 1024px) {
    #content {
        flex-direction: column !important;
        gap: 20px;
    }

    #left {
        width: 100% !important;
    }

    #right {
        width: 100% !important;
        flex: 1 1 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .sidebar-table-scroll {
        flex: none !important;
        max-height: 400px !important;
    }

    .right_block_body, .right-block-body {
        flex: none !important;
        display: block !important;
    }

    .exchangers_table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .popular_changes {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .topbar-info {
        font-size: 11px !important;
    }

    .topbar-inner {
        flex-wrap: wrap !important;
        padding: 0 16px !important;
    }

    #logo {
        margin-right: 16px !important;
    }

    #logo a {
        font-size: 18px !important;
    }
}

@media (max-width: 768px) {
    body {
        font-size: 13px !important;
    }

    .other-directions-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .about-section {
        padding: 0 16px !important;
    }

    .about-content table td {
        padding: 12px 16px !important;
    }

    .popular_changes {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .popular_changes a {
        font-size: 12px !important;
        padding: 10px 8px !important;
    }

    h1, .meta-desc2 h1 {
        font-size: 22px !important;
    }

    .topbar-info {
        font-size: 11px !important;
    }

    .ticker-sep {
        margin: 0 8px !important;
    }

    .about-cards {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .about-card {
        padding: 20px !important;
    }

    .home-faq-section,
    .about-section {
        padding: 0 16px !important;
    }

    .footer-inner {
        flex-direction: column !important;
        text-align: center !important;
        gap: 12px !important;
    }

    .footer-contacts {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .footer-links ul {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
    }

    .page-card {
        padding: 20px !important;
        border-radius: var(--radius-sm) !important;
    }

    .block {
        padding: 16px !important;
    }

    table.exchange td,
    table#exchangers_plugin tr td table.exchange td {
        padding: 8px 6px !important;
        font-size: 12px !important;
    }

    table.exchange tr.titles td,
    table#exchangers_plugin tr td table.exchange tr.titles td {
        padding: 10px 6px !important;
        font-size: 10px !important;
    }

    td.mx1, td.mx {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }

    #valutes_selection {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #valutes_selection > div {
        width: 100% !important;
    }

    div.mcdropdown {
        width: 100% !important;
    }

    .tableMenu {
        flex-direction: column !important;
        gap: 6px !important;
    }

    /* --- Topbar: info wraps under logo --- */
    .topbar-inner {
        flex-wrap: wrap !important;
        padding: 10px 16px !important;
        min-height: auto !important;
        gap: 6px !important;
    }

    .topbar-info {
        width: 100% !important;
        order: 2 !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 4px 0 !important;
        white-space: normal !important;
        font-size: 11px !important;
    }

    #logo {
        margin-right: auto !important;
    }

    /* --- Custom dropdowns (sidebar) — bigger tap targets --- */
    .cdd-selected {
        padding: 10px 12px !important;
    }

    .cdd-item {
        padding: 10px 12px !important;
    }

    .cdd-dropdown {
        max-height: 220px !important;
    }

    /* --- Post navigation — stack --- */
    .post-nav {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .post-nav .nav-prev,
    .post-nav .nav-next {
        text-align: center !important;
    }

    /* --- 404 page: smaller on mobile --- */
    .error-404 {
        padding: 40px 16px !important;
    }

    .error-404-code {
        font-size: 72px !important;
        letter-spacing: -3px !important;
    }

    /* --- Breadcrumbs --- */
    .breadcrumbs {
        font-size: 11px !important;
        margin-bottom: 10px !important;
    }

    /* --- SEO text headings --- */
    .about-seo h2 {
        font-size: 15px !important;
    }

    .about-section > h1 {
        font-size: 20px !important;
    }

    .home-faq-section > h2 {
        font-size: 16px !important;
    }

    /* --- FAQ accordion: touch-friendly --- */
    .faq-question {
        padding: 14px 16px !important;
        font-size: 13px !important;
    }

    .faq-answer {
        padding: 0 16px 14px 16px !important;
        font-size: 12px !important;
    }

    /* --- Exchange table titles — allow wrapping --- */
    table.exchange tr.titles td,
    table#exchangers_plugin tr td table.exchange tr.titles td {
        white-space: normal !important;
        word-break: break-word !important;
    }

    /* --- Table review badges — allow wrapping --- */
    table.exchange td.mx {
        white-space: normal !important;
    }

    /* --- Page body content overflow --- */
    .page-body {
        overflow-x: auto !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    .page-body img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* --- Exchange map: full-width group header --- */
    .exchange-map-title {
        font-size: 20px !important;
    }

    .exchange-map-desc {
        font-size: 13px !important;
    }

    /* --- Rates info bar (exchange direction page) --- */
    .rates-info-bar {
        gap: 10px !important;
        padding: 12px 14px !important;
    }

    .rates-info-item {
        font-size: 12px !important;
    }

    /* --- Other directions links — allow wrapping --- */
    .other-directions-grid a {
        white-space: normal !important;
        font-size: 12px !important;
        padding: 10px 8px !important;
    }

    /* --- Info left block (old plugin info) --- */
    td.info_left {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }

    /* --- Popular changes: 2-col on tablets --- */
    .popular_changes {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    #content {
        padding: 16px 10px !important;
        gap: 16px !important;
    }

    /* --- Topbar: ultra-compact --- */
    .topbar-inner {
        padding: 8px 12px !important;
    }

    #logo a {
        font-size: 16px !important;
    }

    .topbar-info {
        font-size: 10px !important;
    }

    /* Hide "last update" on tiny screens */
    .topbar-info .ticker-item:first-child {
        display: none !important;
    }

    /* Hide separators, show items as wrapped tags */
    .ticker-sep {
        display: none !important;
    }

    .ticker-item {
        padding: 2px 6px !important;
        background: rgba(255,255,255,0.04) !important;
        border-radius: 4px !important;
        font-size: 10px !important;
    }

    /* --- Headings --- */
    h1, .meta-desc2 h1 {
        font-size: 18px !important;
    }

    h2 {
        font-size: 16px !important;
    }

    .about-section > h1 {
        font-size: 18px !important;
    }

    .home-faq-section > h2 {
        font-size: 15px !important;
        margin-bottom: 12px !important;
    }

    .about-seo h2 {
        font-size: 14px !important;
    }

    /* --- Sections: minimal padding --- */
    .about-section,
    .home-faq-section {
        padding: 0 10px !important;
    }

    .about-section {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    /* --- About cards --- */
    .about-card {
        padding: 16px !important;
    }

    .about-card-title {
        font-size: 14px !important;
    }

    .about-card-text {
        font-size: 12px !important;
    }

    /* Hide icon col in about content table */
    .about-content table td:first-child {
        display: none !important;
    }

    .about-content table td:last-child {
        border-radius: var(--radius-xs) !important;
    }

    /* --- SEO text --- */
    .about-seo {
        font-size: 12px !important;
    }

    /* --- Exchange table: max compactness --- */
    table.exchange td,
    table#exchangers_plugin tr td table.exchange td {
        padding: 6px 3px !important;
        font-size: 11px !important;
    }

    table.exchange tr.titles td,
    table#exchangers_plugin tr td table.exchange tr.titles td {
        padding: 8px 3px !important;
        font-size: 9px !important;
    }

    /* Review badges — compact */
    td.mx1, td.mx {
        font-size: 11px !important;
        padding: 6px 4px !important;
    }

    /* --- Custom dropdowns: stack to column on phone --- */
    .sidebar-select-row {
        flex-direction: column !important;
        gap: 6px !important;
    }

    .cdd-selected {
        padding: 10px !important;
    }

    .cdd-selected span {
        font-size: 13px !important;
    }

    .cdd-dropdown {
        position: fixed !important;
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        max-height: 50vh !important;
        border-radius: 12px 12px 0 0 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.5) !important;
        z-index: 10001 !important;
        border: 1px solid var(--border) !important;
        border-bottom: none !important;
        padding: 8px 0 env(safe-area-inset-bottom, 0) !important;
    }

    .cdd-item {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }

    .cdd-item img {
        width: 20px !important;
        height: 20px !important;
    }

    /* --- Page cards --- */
    .page-card {
        padding: 16px !important;
    }

    .block {
        padding: 12px !important;
    }

    /* --- 404 page --- */
    .error-404 {
        padding: 30px 12px !important;
    }

    .error-404-code {
        font-size: 56px !important;
        letter-spacing: -2px !important;
    }

    .error-404-body p {
        font-size: 13px !important;
    }

    /* --- Breadcrumbs --- */
    .breadcrumbs {
        font-size: 10px !important;
    }

    /* --- Post meta --- */
    .post-meta, .meta {
        font-size: 11px !important;
    }

    /* --- FAQ: touch-friendly --- */
    .faq-question {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }

    .faq-answer {
        padding: 0 14px 12px 14px !important;
    }

    /* --- Currency selector form (main) --- */
    #valutes_selection {
        gap: 8px !important;
        padding: 12px 0 !important;
    }

    #valutes_selection .text_in_form {
        font-size: 11px !important;
    }

    /* --- mcDropdown on phones --- */
    div.mcdropdown {
        min-height: 40px !important;
    }

    div.mcdropdown input {
        font-size: 12px !important;
        padding: 10px 30px 10px 10px !important;
    }

    /* --- Footer compact --- */
    .footer-inner {
        padding: 16px 12px !important;
        gap: 10px !important;
    }

    .footer-contacts a,
    .footer-links a {
        font-size: 12px !important;
    }

    /* --- Exchange map --- */
    .exchange-map-title {
        font-size: 18px !important;
    }

    .exchange-map-group {
        padding: 14px !important;
    }

    .exchange-map-links a {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }

    /* --- Sidebar currencies table — max-height limit --- */
    .sidebar-table-scroll {
        max-height: 300px !important;
    }

    /* --- Popular directions grid --- */
    .popular_changes {
        grid-template-columns: 1fr !important;
    }

    .popular_changes a {
        font-size: 12px !important;
        padding: 10px !important;
    }

    /* --- Other directions grid --- */
    .other-directions-grid {
        grid-template-columns: 1fr !important;
    }

    /* --- Table menu (tabs above exchange table) --- */
    .tableMenuLink {
        font-size: 11px !important;
        padding: 8px 10px !important;
    }
}

/* =============================================
   ULTRA-SMALL SCREENS (360px and below)
   ============================================= */
@media (max-width: 360px) {
    #content {
        padding: 12px 8px !important;
    }

    #logo a {
        font-size: 14px !important;
    }

    h1, .meta-desc2 h1 {
        font-size: 16px !important;
    }

    .about-section > h1 {
        font-size: 16px !important;
    }

    .page-card {
        padding: 12px !important;
    }

    table.exchange td,
    table#exchangers_plugin tr td table.exchange td {
        padding: 5px 2px !important;
        font-size: 10px !important;
    }

    table.exchange tr.titles td,
    table#exchangers_plugin tr td table.exchange tr.titles td {
        font-size: 8px !important;
    }

    .topbar-inner {
        padding: 6px 8px !important;
    }

    .footer-inner {
        padding: 12px 8px !important;
    }
}

/* =============================================
   GLOBAL MOBILE OVERFLOW PROTECTION
   ============================================= */
@media (max-width: 1024px) {
    /* Prevent any horizontal overflow */
    #wrap {
        overflow-x: hidden !important;
    }

    /* Ensure all tables have scroll wrapper */
    .exchangers_table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 100% !important;
    }

    /* Tables should not break layout */
    table#exchangers_plugin,
    table.exchange {
        max-width: 100% !important;
    }

    /* Images must never exceed container */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Prevent text from causing overflow */
    .page-card,
    .block,
    #left,
    #right {
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
    }

    /* Sidebar: reset flex so it takes natural content height in column layout */
    .sidebar-currencies {
        flex: none !important;
        overflow: visible !important;
        max-width: 100% !important;
    }

    /* Also reset child widgets from stretchy flex to block */
    .sidebar-currencies > .sidebar-widget {
        flex: none !important;
        display: block !important;
    }

    /* Ensure fixed-position dropdown doesn't escape */
    .cdd-open .cdd-dropdown {
        max-width: 100vw !important;
    }

    /* Any form inputs should not exceed container */
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    textarea,
    select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Safe-area padding for notched phones (iPhone X+) */
    #topbar {
        padding-left: env(safe-area-inset-left, 0) !important;
        padding-right: env(safe-area-inset-right, 0) !important;
    }

    #content {
        padding-left: env(safe-area-inset-left, 12px) !important;
        padding-right: env(safe-area-inset-right, 12px) !important;
    }

    #footer {
        padding-bottom: env(safe-area-inset-bottom, 0) !important;
    }
}

/* =============================================
   CUSTOM SCROLLBAR
   ============================================= */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--text-muted);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--text-secondary);
}

/* =============================================
   ANIMATIONS
   ============================================= */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-card, .block, .sidebar-currencies {
    animation: fadeInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* =============================================
   FAQ ACCORDION
   ============================================= */
.faq-item {
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-sm) !important;
    margin-bottom: 8px !important;
    overflow: hidden;
    transition: var(--transition) !important;
}

.faq-item:hover {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
    transform: translateY(-2px);
}

.faq-item.open {
    border-color: var(--accent) !important;
    background: var(--card-hover) !important;
}

.faq-question {
    padding: 16px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--text) !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: var(--transition) !important;
    user-select: none;
}

.faq-question::after {
    content: '+';
    font-size: 18px;
    color: var(--accent);
    font-weight: 700;
    transition: var(--transition);
    flex-shrink: 0;
    margin-left: 12px;
}

.faq-item.open .faq-question::after {
    content: '\2212';
}

.faq-answer {
    display: none;
    padding: 0 20px 16px 20px !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
    border-top: 1px solid var(--border-light) !important;
}

.faq-answer p {
    margin: 10px 0 !important;
}

.faq-answer ol, .faq-answer ul {
    padding-left: 20px !important;
    margin: 8px 0 !important;
}

.faq-answer li {
    margin-bottom: 6px !important;
}

/* =============================================
   ESSENTIAL PLUGIN FUNCTIONAL STYLES
   ============================================= */

/* Sort arrows — completely hidden, no sorting UI */
.sortArrow {
    display: inline !important;
}
.sortArrow::before {
    display: none !important;
    content: none !important;
}
td.exchTableSortedAsc .sortArrow::before,
td.exchTableSortedDesc .sortArrow::before {
    display: none !important;
    content: none !important;
}
/* Remove pointer cursor from sortable headers */
#exchangesTable tr.titles td {
    cursor: default !important;
}

/* Hidden rows toggle */
table.exchange tr.more10 { display: none; }

/* Actions block */
#actionsBlockTable { border: none !important; }
#actionsBlockTable td { border: none !important; padding: 8px 0 !important; }

/* Partner info table */
table.partner_info td {
    padding: 8px 12px !important;
    font-family: var(--font) !important;
    border-bottom: 1px solid var(--border-light) !important;
}
table.partner_info tr.odd td { background: var(--bg-warm) !important; }

/* Active tab link override */
a.act { color: var(--text) !important; font-weight: 600 !important; }

/* =============================================
   HIDE OLD / LEGACY ELEMENTS
   ============================================= */
#share42 { display: none !important; }

/* Old image-based button backgrounds */
.exchangers_button,
.exchangers_button_huge {
    text-indent: 0 !important;
    background-image: none !important;
    background: linear-gradient(135deg, #009640 0%, #008a3a 100%) !important;
    color: #fff !important;
}

/* Override inline background-image on plugin cells */
table.exchange td[style*="cell_bg"],
table.exchange tr[style*="cell_bg"] {
    background-image: none !important;
    background: transparent !important;
}

/* Override widget cell backgrounds */
table.change_select_widget td[style*="bg_cell"] {
    background-image: none !important;
}

/* Remove legacy button images */
img[src*="btn_show_hide"],
img[src*="edit_add"],
img[src*="btn3"],
img[src*="icon_1.gif"] {
    display: none !important;
}

/* Widget area small tables */
.widget_text table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.widget_text td {
    padding: 6px 8px !important;
    font-size: 13px !important;
    border-bottom: 1px solid var(--border-light) !important;
}

/* cntr (centered container in plugin) */
#cntr {
    width: 100% !important;
    margin: 0 !important;
}

/* FAQ page — remove card wrapper and title */
.page-card:has(.faq-list) {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.page-card:has(.faq-list) > h1 {
    display: none !important;
}

.page-card .faq-list {
    margin-top: 0 !important;
}

/* =============================================
   EXCHANGERS LIST PAGE — remove card wrapper
   Match main page: table sits directly on bg
   ============================================= */
.page-card:has(table#exchangers_plugin) {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

/* Hide h1 title on exchangers list page */
.page-card:has(table#exchangers_plugin) > h1 {
    display: none !important;
}

/* =============================================
   EXCHANGE MAP PAGE
   ============================================= */
.page-card:has(.exchange-map) {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.page-card:has(.exchange-map) > h1 {
    display: none !important;
}

.exchange-map-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    margin: 0 0 6px 0 !important;
}

.exchange-map-desc {
    color: var(--text-muted) !important;
    font-size: 14px !important;
    margin: 0 0 28px 0 !important;
}

/* Currency groups grid */
.exchange-map-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.exchange-map-group {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 20px;
    transition: var(--transition);
}

.exchange-map-group:hover {
    border-color: var(--accent);
    background: var(--card-hover);
    transform: translateY(-2px);
}

.exchange-map-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.exchange-map-currency {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.exchange-map-count {
    font-size: 11px;
    font-weight: 600;
    color: var(--accent);
    background: rgba(0, 200, 83, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
}

.exchange-map-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.exchange-map-links a {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-secondary) !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none !important;
    transition: var(--transition);
    line-height: 1.5;
}

.exchange-map-links a:hover {
    color: var(--accent) !important;
    background: var(--card-hover);
    border-color: var(--accent);
    transform: translateY(-2px);
}

/* Sitemap section at bottom */
.exchange-map-sitemap {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--border);
}

.exchange-map-sitemap-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.exchange-map-sitemap-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.exchange-map-sitemap-links a {
    font-size: 13px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: var(--transition);
}

.exchange-map-sitemap-links a:hover {
    color: var(--accent);
}

.exchange-map-sitemap-links a:not(:last-child)::after {
    content: "·";
    margin-left: 8px;
    color: var(--text-muted);
}

/* Responsive */
@media (max-width: 768px) {
    .exchange-map-grid {
        grid-template-columns: 1fr !important;
    }

    .exchange-map-group {
        padding: 16px !important;
    }
}

/* =============================================
   mcDropdown — dark theme
   ============================================= */
div.mcdropdown {
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    background: var(--bg) !important;
    display: block !important;
    position: relative !important;
    cursor: pointer !important;
    overflow: visible !important;
    min-height: 36px !important;
}

div.mcdropdown::after {
    content: '' !important;
    display: table !important;
    clear: both !important;
}

div.mcdropdown input {
    background: transparent !important;
    border: none !important;
    color: var(--text) !important;
    font-family: var(--font) !important;
    font-size: 13px !important;
    padding: 10px 30px 10px 12px !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important;
    float: none !important;
    height: auto !important;
    display: block !important;
}

div.mcdropdown a {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    float: none !important;
    cursor: pointer !important;
    z-index: 1 !important;
}

div.mcdropdown a::after {
    content: '\25BC' !important;
    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    text-indent: 0 !important;
    font-size: 10px !important;
    color: var(--text-muted) !important;
    pointer-events: none !important;
}

div.mcdropdownDisabled {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

ul.mcdropdown_menu {
    display: none;
    position: absolute !important;
    z-index: 10000 !important;
    background: var(--card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 6px !important;
    box-shadow: var(--shadow) !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    list-style: none !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
}

ul.mcdropdown_menu li {
    padding: 8px 14px 8px 32px !important;
    font-family: var(--font) !important;
    font-size: 13px !important;
    color: var(--text) !important;
    cursor: pointer !important;
    list-style: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background-position: 10px center !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}

ul.mcdropdown_menu li:hover:not(.mcd-divider):not(.group),
ul.mcdropdown_menu li.mc_hover:not(.mcd-divider):not(.group) {
    background-color: var(--card-hover) !important;
    color: var(--accent) !important;
}

ul.mcdropdown_menu ul li {
    background: var(--card) !important;
    padding: 6px 12px 6px 20px !important;
}

ul.mcdropdown_menu ul li:hover {
    background-color: var(--card-hover) !important;
    color: var(--accent) !important;
}

/* Sidebar widget dropdowns */
#widgetSelectFirst div.mcdropdown,
#widgetSelectChange div.mcdropdown {
    width: 100% !important;
    margin-top: 4px !important;
}

/* Main currency selector dropdowns */
#valutes_selection div.mcdropdown {
    min-width: 180px !important;
}

/* =============================================
   PRINT STYLES
   ============================================= */
@media print {
    #topbar, #topmenu, #header-top, #right, #footer, #top-social {
        display: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
    }

    #content {
        display: block !important;
    }

    #left {
        width: 100% !important;
    }

    .page-card, .block {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        background: #fff !important;
        color: #000 !important;
    }
}