/* GTX Exchange theme — site-wide chrome (header, account drawer, bottom
   nav, generic page wrapper). Color palette matches the GTX Registration
   plugin's own dashboard shell (gtx-dashboard-shell.css) on purpose, so
   the site reads as one consistent app instead of two different looks
   glued together. */

/**
 * Theme (dark/light) variables — this :root block is the SINGLE source of
 * truth for every color used across the whole site: this theme file AND
 * every GTX Registration plugin CSS file (gtx-dashboard-shell.css and
 * every module's own CSS) reference these same var(--gtx-*) names instead
 * of hardcoded hex, because this stylesheet (theme.css) is enqueued
 * site-wide on every front-end page — including every dashboard page,
 * since the dashboard shortcode always renders inside this theme's
 * header/footer — so these variables are guaranteed to already be defined
 * by the time any plugin stylesheet needs them, regardless of enqueue
 * order (CSS custom properties resolve from the full cascade, not file
 * load order).
 *
 * Dark is the default/original look (unchanged from before dark/light
 * mode existed — every value below is exactly what used to be hardcoded).
 * Light mode is applied by gtx-theme.js setting data-theme="light" on
 * <html> (persisted in localStorage, read before first paint to avoid a
 * flash of the wrong theme) — see the [data-theme="light"] block below.
 */
:root {
    --gtx-bg: #0a0e18;
    --gtx-panel: #0d1220;
    --gtx-card: #131a2b;
    --gtx-card-alt: #1c2436;
    --gtx-border: rgba(240, 185, 11, 0.15);
    --gtx-border-soft: #262f45;
    --gtx-border-light: #3a4560;
    --gtx-gold: #f0b90b;
    --gtx-gold-soft: rgba(240, 185, 11, 0.12);
    --gtx-gold-light: #f7cd46;
    --gtx-gold-dark: #e5a90f;
    --gtx-gold-pale: #fff3d1;
    --gtx-gold-bg: #1a1300;
    /* Blue is the logo's second brand color (the globe/X mark) — used
       alongside gold everywhere an accent used to be gold-only, so the
       site's colorful chrome (menu button, active nav, avatar, CTAs)
       actually matches the logo instead of reading as a single flat gold
       tone. --gtx-gradient-brand is the shared gold→blue treatment; it
       runs through a light middle stop on purpose — blending gold
       straight into blue in a plain 2-stop gradient passes through a
       muddy olive-gray (they're near-complementary hues), while a bright
       middle stop keeps it reading as a clean metallic "shine" instead,
       closer to the logo's own look. */
    --gtx-blue: #2f6fed;
    --gtx-blue-light: #5b8def;
    --gtx-blue-soft: rgba(47, 111, 237, 0.14);
    --gtx-gradient-brand: #20315b;
    --gtx-text: #ffffff;
    --gtx-text-muted: #ffffff;
    --gtx-text-faint: #fff;
    --gtx-text-dim: #ffffff;
    --gtx-green: #7fe3a5;
    --gtx-red: #ff9fa2;
    --gtx-red-solid: #e5484d;
}

/**
 * Light mode — every variable above gets a light-appropriate value here.
 * Brand colors (gold/blue) stay close to their dark-mode values on
 * purpose (a brand shouldn't change hue between themes); surface,
 * border, and text colors invert so the site actually reads as a light
 * UI instead of a dark UI with a lighter tint.
 */
[data-theme="light"] {
    --gtx-bg: #eef1f7;
    --gtx-panel: #f5f7fb;
    --gtx-card: #ffffff;
    --gtx-card-alt: #f0f2f8;
    --gtx-border: rgba(197, 145, 4, 0.3);
    --gtx-border-soft: #e2e6f0;
    --gtx-border-light: #d8deea;
    --gtx-gold: #c6900a;
    --gtx-gold-soft: rgba(240, 185, 11, 0.14);
    --gtx-gold-light: #e0a91a;
    --gtx-gold-dark: #a97507;
    --gtx-gold-pale: #fff3d1;
    --gtx-gold-bg: #fff6dc;
    --gtx-blue: #2f6fed;
    --gtx-blue-light: #4c7ee0;
    --gtx-blue-soft: rgba(47, 111, 237, 0.12);
    --gtx-gradient-brand: linear-gradient(135deg, #e0a91a 0%, #fff3d1 50%, #2f6fed 100%);
    --gtx-text: #10141f;
    --gtx-text-muted: #4a5372;
    --gtx-text-faint: #6b7590;
    --gtx-text-dim: #8890a6;
    --gtx-green: #1c9b5c;
    --gtx-red: #d1585c;
    --gtx-red-solid: #c62328;
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    background: var(--gtx-bg);
    color: var(--gtx-text-muted);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

a {
    color: inherit;
}

.gtx-site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* ---------- Top bar ---------- */

.gtx-topbar {
    display: flex;
    align-items: center;
    gap: 12px;
    position: sticky;
    top: 0;
    z-index: 40;
    background: var(--gtx-panel);
    border-bottom: 1px solid var(--gtx-border);
    padding: 12px 16px;
}

.gtx-menu-btn {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gtx-gradient-brand);
    border: none;
    border-radius: 9px;
    color: var(--gtx-text);
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(47, 111, 237, 0.25);
}

.gtx-menu-btn .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.gtx-logo {
    flex: 1;
    display: flex;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
}

.gtx-logo-img {
    height: 34px;
    width: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

.gtx-topbar-login {
    flex-shrink: 0;
    background: var(--gtx-gradient-brand);
    color: var(--gtx-text);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 8px;
}

.gtx-topbar-spacer {
    width: 38px;
    flex-shrink: 0;
}

/* ---------- Top bar right-side actions (theme switch / notifications / profile) ---------- */

.gtx-topbar-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.gtx-topbar-icon-btn {
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--gtx-border-soft);
    border-radius: 9px;
    color: var(--gtx-text-muted);
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.gtx-topbar-icon-btn:hover,
.gtx-topbar-icon-btn[aria-expanded="true"] {
    background: var(--gtx-gold-soft);
    border-color: var(--gtx-gold);
    color: var(--gtx-gold);
}

.gtx-topbar-icon-btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

/* ---- Dark/Light switch ---- */

.gtx-theme-switch {
    position: relative;
}

.gtx-theme-icon-moon {
    display: none;
}

.gtx-theme-switch-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 190px;
    background: var(--gtx-panel);
    border: 1px solid var(--gtx-border-soft);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    z-index: 80;
}

.gtx-theme-switch-menu.gtx-open {
    display: block;
}

.gtx-theme-switch-option {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--gtx-text-muted);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.gtx-theme-switch-option:hover {
    background: var(--gtx-card-alt);
    color: var(--gtx-text);
}

.gtx-theme-switch-option svg {
    flex-shrink: 0;
}

/* ---- Notification bell ---- */

.gtx-notif {
    position: relative;
}

.gtx-notif-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background: var(--gtx-red-solid);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
    border-radius: 999px;
    box-shadow: 0 0 0 2px var(--gtx-panel);
}

.gtx-notif-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: -30px;
    width: 320px;
    max-width: calc(100vw - 24px);
    max-height: 420px;
    overflow-y: auto;
    background: var(--gtx-panel);
    border: 1px solid var(--gtx-border-soft);
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    z-index: 80;
}

.gtx-notif-menu.gtx-open {
    display: block;
}

.gtx-notif-menu-title {
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 800;
    color: var(--gtx-text);
    border-bottom: 1px solid var(--gtx-border-soft);
}

.gtx-notif-list {
    padding: 6px;
}

.gtx-notif-empty {
    padding: 20px 14px;
    text-align: center;
    color: var(--gtx-text-dim);
    font-size: 12px;
    margin: 0;
}

.gtx-notif-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
}

.gtx-notif-item:hover {
    background: var(--gtx-card-alt);
}

.gtx-notif-item-unread {
    background: var(--gtx-gold-bg);
}

.gtx-notif-item-unread:hover {
    background: var(--gtx-gold-soft);
}

.gtx-notif-item-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--gtx-text);
}

.gtx-notif-item-message {
    font-size: 12px;
    color: var(--gtx-text-muted);
}

.gtx-notif-item-date {
    font-size: 11px;
    color: var(--gtx-text-dim);
}

/* ---- Profile dropdown (Dashboard / Wallet / P2P Wallet / Log Out) ---- */

.gtx-profile {
    position: relative;
}

.gtx-profile-menu {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 190px;
    background: var(--gtx-panel);
    border: 1px solid var(--gtx-border-soft);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    z-index: 80;
}

.gtx-profile-menu.gtx-open {
    display: block;
}

.gtx-profile-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--gtx-text-muted);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.gtx-profile-menu-item:hover {
    background: var(--gtx-card-alt);
    color: var(--gtx-text);
}

.gtx-profile-menu-item .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.gtx-profile-menu-logout {
    margin-top: 4px;
    border-top: 1px solid var(--gtx-border-soft);
    padding-top: 11px;
    border-radius: 0 0 8px 8px;
    color: var(--gtx-red);
}

.gtx-profile-menu-logout:hover {
    background: var(--gtx-red-soft, var(--gtx-card-alt));
    color: var(--gtx-red);
}

/* ---------- Account drawer ---------- */

.gtx-drawer-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 60;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}

body.gtx-drawer-open .gtx-drawer-backdrop {
    display: block;
    opacity: 1;
    pointer-events: auto;
}

.gtx-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    background: var(--gtx-panel);
    border-right: 1px solid var(--gtx-border);
    z-index: 70;
    overflow-y: auto;
    padding: 20px;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
}

body.gtx-drawer-open .gtx-drawer {
    transform: translateX(0);
    box-shadow: 20px 0 60px rgba(0, 0, 0, 0.6);
}

.gtx-drawer-close {
    background: transparent;
    border: none;
    color: var(--gtx-text-faint);
    cursor: pointer;
    margin-bottom: 12px;
    padding: 4px;
}

.gtx-drawer-brand {
    margin-bottom: 20px;
}

.gtx-drawer-brand-img {
    height: 38px;
    width: auto;
    display: block;
    max-width: 100%;
    object-fit: contain;
}

.gtx-drawer-auth {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gtx-btn-solid,
.gtx-btn-outline {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.gtx-btn-solid {
    background: var(--gtx-gradient-brand);
    color: var(--gtx-text);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.gtx-btn-outline {
    background: transparent;
    border: 1px solid var(--gtx-border-soft);
    color: var(--gtx-text-muted);
}

.gtx-drawer-account {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 18px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--gtx-border-soft);
}

.gtx-drawer-avatar {
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--gtx-gradient-brand);
    color: var(--gtx-text);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.gtx-drawer-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gtx-drawer-account-info {
    min-width: 0;
    flex: 1;
}

.gtx-drawer-uid-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.gtx-drawer-uid {
    color: var(--gtx-text);
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gtx-drawer-email {
    color: var(--gtx-text-faint);
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 6px;
}

.gtx-copy-btn {
    flex-shrink: 0;
    background: var(--gtx-gold-soft);
    color: var(--gtx-gold);
    border: none;
    border-radius: 6px;
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.gtx-drawer-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.gtx-badge {
    display: inline-block;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
}

.gtx-badge-verified {
    background: rgba(46, 204, 113, 0.15);
    color: var(--gtx-green);
}

.gtx-badge-unverified {
    background: rgba(139, 147, 167, 0.18);
    color: var(--gtx-text-muted);
}

.gtx-badge-rank {
    background: var(--gtx-gold-soft);
    color: var(--gtx-gold);
}

.gtx-drawer-menu {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gtx-drawer-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 10px;
    border-radius: 8px;
    color: var(--gtx-text-muted);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.gtx-drawer-menu-item:hover {
    background: var(--gtx-gold-soft);
    color: var(--gtx-text);
}

.gtx-drawer-menu-item .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    color: var(--gtx-text-faint);
}

.gtx-drawer-logout {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--gtx-border-soft);
}

.gtx-drawer-logout a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--gtx-red);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 10px;
}

/* ---------- Main content ---------- */

.gtx-main {
    flex: 1;
    padding-bottom: 76px; /* clears the fixed bottom nav */
}

.gtx-page-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px 0;
}

.gtx-page-title {
    color: var(--gtx-text);
    font-size: 22px;
    font-weight: 800;
    margin: 0 0 16px;
}

.gtx-page-body {
    color: var(--gtx-text-muted);
    font-size: 14px;
    line-height: 1.7;
}

.gtx-home-placeholder {
    text-align: center;
    padding-top: 60px;
}

.gtx-home-placeholder-text {
    color: var(--gtx-text-faint);
    font-size: 14px;
    max-width: 420px;
    margin: 0 auto;
}

/* ---------- Bottom mobile tab bar ---------- */

.gtx-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: flex;
    background: var(--gtx-panel);
    border-top: 1px solid var(--gtx-border);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
}

.gtx-bottom-nav-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 6px 2px;
    color: var(--gtx-text-faint);
    text-decoration: none;
    font-size: 10px;
    font-weight: 600;
    border-radius: 8px;
}

.gtx-bottom-nav-item .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    border-radius: 9px;
    transition: background 0.15s ease, color 0.15s ease;
}

.gtx-bottom-nav-item.gtx-active {
    color: var(--gtx-gold);
}

.gtx-bottom-nav-item.gtx-active .dashicons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--gtx-gradient-brand);
    color: var(--gtx-text);
    box-shadow: 0 2px 6px rgba(47, 111, 237, 0.3);
}

/* On a wider (desktop/tablet) screen the bottom bar and hamburger feel
   out of place — hide the bottom bar and let the drawer act as a normal
   off-canvas menu triggered from the top bar only, same as on mobile. */
@media (min-width: 900px) {
    .gtx-bottom-nav {
        display: none;
    }

    .gtx-main {
        padding-bottom: 0;
    }
}

/* ---------- Homepage: hero ---------- */

.gtx-home {
    padding-top: 8px;
}

.gtx-hero {
    text-align: center;
    padding: 28px 8px 8px;
}

.gtx-hero-eyebrow {
    color: var(--gtx-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.gtx-hero-title {
    color: var(--gtx-text);
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
    margin: 0 0 10px;
}

.gtx-hero-sub {
    color: var(--gtx-text-faint);
    font-size: 14px;
    max-width: 340px;
    margin: 0 auto 20px;
}

.gtx-hero-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 320px;
    margin: 0 auto;
}

.gtx-hero-actions .gtx-btn-solid,
.gtx-hero-actions .gtx-btn-outline {
    flex: 1;
}

/* ---------- Homepage: quick actions ---------- */

.gtx-quick-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 24px 0;
}

.gtx-quick-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--gtx-card);
    border: 1px solid var(--gtx-border-soft);
    border-radius: 12px;
    padding: 14px 4px;
    color: var(--gtx-text);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.gtx-quick-action-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 18px;
    background: var(--gtx-gradient-brand);
    color: var(--gtx-text);
    border-radius: 10px;
}

/* ---------- Homepage / Market: section head + ticker ---------- */

.gtx-home-section {
    margin: 28px 0;
}

.gtx-home-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.gtx-home-section-title {
    color: var(--gtx-text);
    font-size: 17px;
    font-weight: 800;
    margin: 0;
}

.gtx-home-section-link {
    color: var(--gtx-gold);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.gtx-market-empty {
    color: var(--gtx-text-faint);
    font-size: 13px;
}

.gtx-ticker-list {
    background: var(--gtx-card);
    border: 1px solid var(--gtx-border-soft);
    border-radius: 12px;
    overflow: hidden;
}

.gtx-ticker-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--gtx-border-soft);
}

.gtx-ticker-row:last-child {
    border-bottom: none;
}

.gtx-ticker-coin {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.gtx-ticker-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.gtx-ticker-symbol {
    color: var(--gtx-text);
    font-size: 13px;
    font-weight: 800;
    flex-shrink: 0;
}

.gtx-ticker-name {
    color: var(--gtx-text-faint);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gtx-ticker-price {
    flex-shrink: 0;
    color: var(--gtx-text);
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    min-width: 78px;
}

.gtx-ticker-change {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    min-width: 58px;
}

.gtx-ticker-up {
    color: var(--gtx-green);
}

.gtx-ticker-down {
    color: var(--gtx-red);
}

.gtx-market-page .gtx-ticker-list-full {
    margin-top: 8px;
}

/* ---------- Homepage: press strip ---------- */

.gtx-press {
    text-align: center;
    padding: 8px 0 28px;
}

.gtx-press-label {
    color: var(--gtx-text-faint);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 14px;
}

.gtx-press-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 22px;
}

.gtx-press-logo {
    color: var(--gtx-text-faint);
    font-size: 13px;
    font-weight: 700;
    opacity: 0.6;
}

/* ---------- Dashboard shell override ----------
   The plugin's [gtx_user_dashboard]/[gtx_admin_dashboard] shell ships its
   OWN navigation for when it's used standalone: a persistent left sidebar
   on desktop, and — below 782px — its own sticky topbar with a hamburger
   button that slides out an off-canvas copy of that same tab list. This
   theme's header (see header.php) already has a single hamburger that
   opens one drawer listing every dashboard tab via
   gtx_theme_dashboard_items(), so running both together shows the same
   menu twice (the plugin's own mobile topbar + off-canvas sidebar, right
   on top of the theme's own drawer). Hiding the plugin's copy here — not
   in the plugin itself — keeps the plugin fully self-navigating if it's
   ever used without this theme. */
.gtx-dash-sidebar,
.gtx-dash-topbar,
.gtx-dash-drawer-backdrop {
    display: none !important;
}