/*
 * XMC Master CSS v3.0
 * Built from actual Socialize theme source scan.
 *
 * RULE: Dark bg = #fff text. Light bg = #1e293b text. NEVER break this.
 */

/* ─────────────────────────────────────────────
   FONTS
───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500;600&display=swap');

/* ─────────────────────────────────────────────
   VARIABLES
───────────────────────────────────────────── */
:root {
  --teal:        #1a9bbc;
  --teal-dk:     #127a96;
  --teal-lt:     #e0f5fa;
  --navy:        #0d1b3e;
  --navy-mid:    #1a2d5a;
  --accent:      #1e3a8a;
  --green:       #00a878;
  --red:         #e84560;
  --gold:        #f59e0b;
  --page-bg:     #f4f7f9;
  --white:       #ffffff;
  --border:      #dde4ea;
  --text:        #1e293b;
  --muted:       #64748b;
  --radius:      10px;
  --shadow:      0 2px 12px rgba(0,0,0,0.08);
}

/* ─────────────────────────────────────────────
   GLOBAL RESET
───────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'Barlow', sans-serif !important; }
h1,h2,h3,h4,h5,h6 { font-family: 'Barlow Condensed', sans-serif !important; }

/* ── Admin bar: hidden for non-admins ── */
#wpadminbar                   { display: none !important; }
body.admin-bar #wpadminbar    { display: flex !important; }
body.admin-bar                { margin-top: 32px !important; }
body.admin-bar #gp-main-header{ top: 32px !important; }

/* ── Kill Socialize top spacer ONLY on front page (hero fills viewport) ── */
.home #gp-fixed-header-padding,
.home .gp-fixed-header-padding {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}
/* On all other pages: ensure header area padding is respected */
body:not(.home) #gp-page-wrapper { padding-top: 0; }
#gp-header-area { margin-top: 0 !important; }

/* ── Global link base ── */
a                { color: var(--teal); }
a:hover          { color: var(--teal-dk); }

/* ── Inputs: ALWAYS dark text on white ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
textarea,
select {
  color: var(--text) !important;
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  font-family: 'Barlow', sans-serif !important;
}
input::placeholder,
textarea::placeholder { color: var(--muted) !important; opacity: 1 !important; }
input:focus, textarea:focus, select:focus {
  border-color: var(--teal) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26,155,188,0.15) !important;
}

/* ── Headings ── */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* ═══════════════════════════════════════════════════════════
   2. SCROLLBAR
═══════════════════════════════════════════════════════════ */
::-webkit-scrollbar              { width: 6px; height: 6px; }
::-webkit-scrollbar-track        { background: #f0f0f0; }
::-webkit-scrollbar-thumb        { background: var(--teal-dk); border-radius: 3px; }

/* ═══════════════════════════════════════════════════════════
   3. HEADER — teal bar, white everything
═══════════════════════════════════════════════════════════ */
#gp-header-area,
#gp-main-header {
  background: var(--teal) !important;
  border-bottom: 2px solid var(--teal-dk) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,0.18) !important;
  padding: 0 !important;
  position: relative !important;
}
#gp-sticky-header,
.gp-sticky-header,
.gp-sticky-nav { display: none !important; }

/* Header layout */
#gp-main-header {
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}
#gp-main-header .gp-container,
.xmc-header-inner {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 0 !important;
  overflow: visible !important;
}
#gp-logo {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  padding: 8px 16px 8px 0 !important;
}
#gp-logo img { max-height: 36px !important; width: auto !important; }
#gp-main-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
  float: none !important;
}
#gp-primary-main-nav {
  display: inline-block !important;
  float: none !important;
}
.xmc-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  padding: 0 8px 0 0 !important;
}

/* ── Nav links — white text on teal ── */
.gp-nav .menu > li > a {
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  line-height: 52px !important;
  border-bottom: 3px solid transparent !important;
  background: transparent !important;
  white-space: nowrap !important;
  transition: background 0.2s, border-color 0.2s !important;
  display: inline-flex !important;
  align-items: center !important;
}
.gp-nav .menu > li > a:hover {
  background: rgba(0,0,0,0.15) !important;
  border-bottom-color: rgba(255,255,255,0.7) !important;
  color: #fff !important;
}
.gp-nav .menu > li.current-menu-item > a,
.gp-nav .menu > li.current-page-ancestor > a {
  background: rgba(0,0,0,0.2) !important;
  border-bottom-color: #fff !important;
  color: #fff !important;
}

/* Hide duplicate BP nav items */
.gp-nav .menu > li.bp-account-menu,
#gp-secondary-main-nav,
.gp-nav .menu > li.gp-login-link,
.gp-nav .menu > li.gp-logout-link,
.gp-nav .menu > li.gp-register-link,
.gp-nav .menu > li.gp-profile-link { display: none !important; }

/* ── Members submenu — white text on navy ── */
.gp-nav .menu > li { position: relative !important; }
.gp-nav .menu > li > .sub-menu {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: var(--navy) !important;
  border-top: 3px solid var(--teal) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.4) !important;
  padding: 12px !important;
  width: 320px !important;
  z-index: 9999 !important;
}
.gp-nav .menu > li:hover > .sub-menu {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.gp-nav .sub-menu li { border: none !important; padding: 0 !important; }
.gp-nav .sub-menu li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  color: #fff !important;           /* WHITE text on navy */
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
  transition: all 0.2s !important;
}
.gp-nav .sub-menu li a:hover {
  background: rgba(26,155,188,0.3) !important;
  border-color: var(--teal) !important;
  color: #fff !important;
}
/* Tier dots */
.gp-nav .sub-menu li a::before {
  width: 22px !important; height: 22px !important; border-radius: 50% !important;
  font-size: 9px !important; font-weight: 800 !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; flex-shrink: 0 !important;
  color: #fff !important;
}
.gp-nav .sub-menu li:nth-child(1) a::before { background: #cd7f32; content:"B" !important; }
.gp-nav .sub-menu li:nth-child(2) a::before { background: #22c0e8; content:"F" !important; }
.gp-nav .sub-menu li:nth-child(3) a::before { background: var(--accent); content:"G" !important; }
.gp-nav .sub-menu li:nth-child(4) a::before { background: #e91e8c; content:"L" !important; }
.gp-nav .sub-menu li:nth-child(5) a::before { background: #1a2d5a; content:"PF" !important; }
.gp-nav .sub-menu li:nth-child(6) a::before { background: #a8a9ad; content:"S" !important; }
.gp-nav .sub-menu li:nth-child(7) a::before { background: var(--navy); content:"XM" !important; }

/* ── Guest buttons ── */
.xmc-guest-btns { display: flex !important; align-items: center !important; gap: 8px !important; }
.xmc-btn-login {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important; font-size: 13px !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  padding: 7px 16px !important; text-decoration: none !important;
  transition: background 0.2s !important;
}
.xmc-btn-login:hover { background: rgba(255,255,255,0.25) !important; color: #fff !important; }
.xmc-btn-register {
  background: var(--navy) !important;
  border: 1px solid var(--navy-mid) !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important; font-size: 13px !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  padding: 7px 16px !important; text-decoration: none !important;
  transition: background 0.2s !important;
}
.xmc-btn-register:hover { background: var(--teal-dk) !important; color: #fff !important; }

/* ── User chip (logged in) ── */
.xmc-user-chip {
  display: flex !important; align-items: center !important;
  gap: 4px !important;
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 40px !important;
  padding: 3px 10px 3px 3px !important;
  position: relative !important; cursor: pointer !important;
}
.xmc-user-chip-link {
  display: flex !important; align-items: center !important;
  gap: 7px !important; text-decoration: none !important; color: #fff !important;
}
.xmc-chip-av {
  width: 30px !important; height: 30px !important; border-radius: 50% !important;
  flex-shrink: 0 !important; position: relative !important; overflow: hidden !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: linear-gradient(135deg, var(--teal), var(--navy)) !important;
  border: 2px solid rgba(255,255,255,0.5) !important;
}
.xmc-chip-av .av-init {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 800 !important;
  color: #fff !important; position: absolute !important; z-index: 1 !important;
}
.xmc-chip-av .av-photo {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; z-index: 2 !important; border-radius: 50% !important;
}
.xmc-user-name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  color: #fff !important; letter-spacing: 0.5px !important;
  max-width: 120px !important; overflow: hidden !important;
  text-overflow: ellipsis !important; white-space: nowrap !important;
}

/* Chip dropdown — WHITE text on navy — toggled by JS (class .open) */
.xmc-chip-menu {
  display: none;
  position: fixed !important;
  right: 12px !important;
  min-width: 210px !important;
  background: var(--navy) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-top: 3px solid var(--teal) !important;
  border-radius: 0 0 10px 10px !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
  z-index: 999999 !important;
  overflow: hidden !important;
  padding-top: 6px !important;
}
body:not(.admin-bar) .xmc-chip-menu { top: 54px !important; }
body.admin-bar .xmc-chip-menu       { top: 86px !important; }
.xmc-chip-menu.open { display: block !important; }
.xmc-chip-menu a {
  display: flex !important; align-items: center !important; gap: 8px !important;
  padding: 11px 16px !important;
  color: #fff !important;            /* WHITE text */
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0.5px !important; text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  transition: background 0.15s !important;
}
.xmc-chip-menu a:last-child   { border-bottom: none !important; }
.xmc-chip-menu a:hover        { background: rgba(26,155,188,0.25) !important; color: #fff !important; }
.xmc-chip-menu a.xmc-menu-logout { color: #f87171 !important; border-bottom: none !important; }
.xmc-chip-menu a.xmc-menu-logout:hover { background: rgba(232,69,96,0.2) !important; color: #f87171 !important; }
.xmc-chip-menu a.xmc-menu-edit { color: var(--teal, #1a9bbc) !important; }
.xmc-menu-tier {
  display: block !important;
  padding: 4px 16px 8px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 600 !important;
  color: rgba(255,255,255,0.45) !important;
  letter-spacing: 0.5px !important; text-transform: uppercase !important;
}
.xmc-menu-divider {
  height: 1px !important;
  background: rgba(255,255,255,0.1) !important;
  margin: 4px 0 !important;
}
.xmc-menu-icon { font-style: normal !important; width: 16px !important; text-align: center !important; }

/* Logout standalone btn */
.xmc-logout-btn {
  display: inline-flex !important; align-items: center !important;
  justify-content: center !important;
  width: 28px !important; height: 28px !important; border-radius: 50% !important;
  background: rgba(255,255,255,0.12) !important;
  color: #fff !important;
  font-size: 14px !important; text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  transition: all 0.2s !important;
}
.xmc-logout-btn:hover { background: var(--red) !important; color: #fff !important; }
/* ── Kill PMPro & Socialize injected header clutter ── */
li.pmpro_nav_item, li.pmpro_nav,
#gp-primary-main-nav li[class*="pmpro"],
.gp-nav .menu > li.gp-notification-link,
#gp-notification-button, .gp-notification-button,
#gp-profile-button, .gp-profile-button,
.gp-notification-counter, #gp-notification-counter,
.gp-header-widget-area, #gp-header-widget-area,
#gp-account-button, .gp-account-button { display: none !important; }


/* ─────────────────────────────────────────────
   INNER PAGES — light bg, DARK text
   Uses theme body class .gp-no-sidebar / .gp-fullwidth
───────────────────────────────────────────── */
body:not(.home) {
  background: var(--page-bg) !important;
  color: var(--text) !important;
}
/* Content area */
body:not(.home) #gp-content {
  background: var(--white) !important;
  color: var(--text) !important;
  border-radius: var(--radius);
}
body:not(.home) #gp-content p,
body:not(.home) #gp-content li,
body:not(.home) #gp-content td,
body:not(.home) .gp-entry-text,
body:not(.home) .gp-entry-content { color: var(--text) !important; }
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6,
body:not(.home) .gp-entry-title { color: var(--navy) !important; }
/* Override: signal title lives on dark navy bg — must stay white */
body.single-xmc_signal .signal-single-header h1.signal-title,
body.single-xmc_signal .signal-title { color: #fff !important; }
/* Override: signals archive h2 section titles stay dark */
body.post-type-archive-xmc_signal .xsp-sec-title { color: var(--navy) !important; }
body:not(.home) a { color: var(--teal) !important; }
body:not(.home) a:hover { color: var(--teal-dk) !important; }

/* Sidebar widgets */
.gp-sidebar .widget {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  padding: 18px !important; margin-bottom: 16px !important;
  box-shadow: var(--shadow) !important;
}
.gp-sidebar .widgettitle,
.gp-sidebar .widget-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important;
  color: var(--navy) !important; background: transparent !important;
  border-bottom: 2px solid var(--teal) !important;
  padding-bottom: 8px !important; margin-bottom: 12px !important;
}
.gp-sidebar ul li { border-bottom: 1px solid var(--border) !important; padding: 6px 0 !important; color: var(--text) !important; }
.gp-sidebar ul li a { color: var(--teal) !important; }

/* ─────────────────────────────────────────────
   HOMEPAGE — full width override
───────────────────────────────────────────── */
body.home { background: var(--page-bg) !important; }
/* Kill all chrome that Socialize adds on homepage */
body.home #gp-small-header, body.home #gp-header-area,
body.home #gp-page-header,  body.home .gp-page-header-wrap,
body.home .gp-breadcrumb,   body.home #gp-breadcrumb { display: none !important; }
/* Full width */
body.home #gp-content-wrapper {
  width: 100% !important; max-width: 100% !important;
  padding: 0 !important; margin: 0 !important;
}
body.home #gp-inner-container { display: block !important; }
body.home #gp-left-column { width: 100% !important; display: block !important; }
body.home #gp-content { width: 100% !important; padding: 0 !important; float: none !important; }
body.home #gp-sidebar-left, body.home #gp-sidebar-right { display: none !important; }
/* Homepage: any text on dark sections = white */
body.home .xmc-hero *:not(input):not(textarea):not(.badge) { }

/* ─────────────────────────────────────────────
   HOMEPAGE HERO (3-panel grid)
───────────────────────────────────────────── */
.xmc-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 300px 220px;
  gap: 3px; background: var(--navy); margin-top: 0 !important;
}
.hero-main { grid-row: 1/3; position: relative; overflow: hidden; background: linear-gradient(135deg,var(--navy),var(--teal-dk)); }
.hero-cell { position: relative; overflow: hidden; background: linear-gradient(135deg,var(--navy-mid),var(--teal-dk)); }
.hero-main > a, .hero-cell > a { display:block; width:100%; height:100%; position:relative; }
.hero-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  padding: 50px 22px 18px;
  background: linear-gradient(to top,rgba(0,0,0,0.78),transparent);
  pointer-events: none;
}
.hero-cat {
  background: var(--teal); color: #fff;
  border-radius: 4px; font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: 1.5px;
  text-transform: uppercase; padding: 3px 10px;
  display: inline-block; margin-bottom: 6px;
}
/* Hero titles — ALWAYS white (dark overlay) */
.hero-title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 28px !important; font-weight: 800 !important;
  color: #fff !important; text-transform: uppercase; line-height: 1.1;
}
.hero-cell .hero-title { font-size: 19px !important; }

/* ─────────────────────────────────────────────
   HOMEPAGE 3-COL LAYOUT
───────────────────────────────────────────── */
.xmc-main {
  max-width: 1280px; margin: 0 auto;
  display: grid; grid-template-columns: 260px 1fr 260px;
  gap: 20px; padding: 24px;
}

/* Widget card */
.xmc-widget {
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow);
  margin-bottom: 16px; overflow: hidden;
}
/* Widget head — DARK bg → WHITE title */
.widget-head {
  padding: 12px 16px; border-bottom: 2px solid var(--teal);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--navy);
}
.widget-head .widget-title,
.widget-head span {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important;
  color: #fff !important; /* WHITE on navy */
  background: transparent !important;
  border: none !important; padding: 0 !important; margin: 0 !important;
}
.widget-viewall { font-size: 11px; color: var(--teal) !important; font-weight: 600; text-decoration: none; }
.widget-viewall:hover { color: #fff !important; }

/* Signal sidebar items — DARK text on white */
.sig-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 16px; border-bottom: 1px solid var(--border);
  text-decoration: none; color: var(--text); transition: background 0.15s;
}
.sig-item:last-child { border-bottom: none; }
.sig-item:hover { background: var(--teal-lt); }
.sig-icon { width: 40px; height: 40px; border-radius: 7px; background: var(--teal-lt); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }
.sig-info .sig-cat  { font-size: 9px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--teal); }
.sig-info .sig-name { font-size: 12px; font-weight: 600; color: var(--navy); }
.sig-info .sig-date { font-size: 10px; color: var(--muted); }

/* Group widget items — DARK text on white */
.group-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 16px; border-bottom: 1px solid var(--border);
  background: var(--white); transition: background 0.15s;
  cursor: pointer; text-decoration: none;
}
.group-item:last-child { border-bottom: none; }
.group-item:hover { background: var(--teal-lt); }
.g-av {
  width: 34px; height: 34px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: #fff !important; /* WHITE text on colored dot */
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 800; flex-shrink: 0; text-decoration: none;
}
.g-free   { background: linear-gradient(135deg,var(--teal),var(--teal-dk)); }
.g-bronze { background: linear-gradient(135deg,#cd7f32,#8b4513); }
.g-silver { background: linear-gradient(135deg,#a8a9ad,#6e7074); }
.g-gold   { background: linear-gradient(135deg,var(--accent),#2563eb); }
.g-ladies { background: linear-gradient(135deg,#e91e8c,#9c0e5a); }
.g-prop   { background: linear-gradient(135deg,#2a4a8a,var(--navy)); }
.g-staff  { background: linear-gradient(135deg,var(--navy),#1a3060); }
/* Group name — DARK on white */
.g-name { font-size: 12px; font-weight: 600; color: var(--navy) !important; }
.g-count{ font-size: 10px; color: var(--muted); }
.group-item:hover .g-name { color: var(--teal) !important; }

/* Activity feed */
.xmc-activity-feed { background: var(--white); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); }
.act-item { padding: 14px 16px; border-bottom: 1px solid var(--border); transition: background 0.15s; }
.act-item:hover { background: var(--page-bg); }
.act-item:last-child { border-bottom: none; }
/* Activity text — DARK on white */
.act-meta .act-name,
.act-meta .act-name * { color: var(--text) !important; font-size: 13px; }
.act-meta .act-name a { color: var(--teal) !important; font-weight: 600; }
.act-time { font-size: 11px; color: var(--muted); }
.act-body { font-size: 13px; color: var(--text); line-height: 1.6; margin-left: 44px; }

/* Post form — DARK text on white */
.post-form { background: var(--white); border: 1px solid var(--border); border-top: none; padding: 14px 16px; display: flex; gap: 12px; }
.post-input { width: 100%; border: 1px solid var(--border); border-radius: 20px; padding: 9px 16px; color: var(--text) !important; background: var(--white) !important; font-size: 13px; }
.post-input::placeholder { color: var(--muted) !important; }
.post-select { border: 1px solid var(--border); border-radius: 6px; padding: 5px 10px; color: var(--text) !important; background: var(--white) !important; font-size: 12px; }
.post-btn { background: var(--teal); color: #fff; border: none; border-radius: 6px; padding: 7px 18px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
.post-btn:hover { background: var(--teal-dk); }

/* Badges */
.badge { font-size: 9px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; padding: 2px 7px; border-radius: 4px; flex-shrink: 0; white-space: nowrap; display: inline-block; }
.badge-active  { background: #e6f9f4; color: var(--green); border: 1px solid #b3eed9; }
.badge-expired { background: #fdeef1; color: var(--red);   border: 1px solid #f5b8c4; }
.badge-win     { background: #e6f9f4; color: var(--green); border: 1px solid #b3eed9; }
.badge-loss    { background: #fdeef1; color: var(--red);   border: 1px solid #f5b8c4; }
.badge-pending { background: #fefce8; color: var(--gold);  border: 1px solid #fde68a; }
.badge-be      { background: #eef2ff; color: var(--accent);border: 1px solid #93c5fd; }

/* Signal ticker */
.sig-ticker-outer { overflow: hidden; width: 100%; position: relative; }
.sig-ticker-outer::before,
.sig-ticker-outer::after { content:''; position:absolute; top:0; bottom:0; width:50px; z-index:2; pointer-events:none; }
.sig-ticker-outer::before { left:0; background: linear-gradient(to right,var(--page-bg),transparent); }
.sig-ticker-outer::after  { right:0; background: linear-gradient(to left,var(--page-bg),transparent); }
@keyframes xmc-ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.sig-ticker { display:flex !important; flex-wrap:nowrap !important; gap:16px; width:max-content !important; padding:4px 0 12px; animation:xmc-ticker 30s linear infinite; }
.sig-ticker:hover { animation-play-state:paused; }
/* Signal card — DARK text on white */
.sig-card { flex:0 0 260px !important; width:260px !important; background:var(--white); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); text-decoration:none; color:var(--text); display:block; transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s; }
.sig-card:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(0,0,0,0.12); border-color:var(--teal); }
.sig-card-img { height:110px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,var(--teal-lt),#c2e8f5); }
.c-cat { position:absolute; top:8px; left:8px; background:var(--teal); color:#fff; border-radius:4px; font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:2px 8px; }
.c-badge { position:absolute; top:8px; right:8px; }
.sig-card-body { padding:12px; }
.sig-card-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; color:var(--navy); margin-bottom:3px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sig-card-date  { font-size:10px; color:var(--muted); margin-bottom:8px; }
.sig-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding-top:8px; border-top:1px solid var(--border); }
.stat-l { font-size:9px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--muted); }
.stat-v { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; color:var(--navy); }
.stat-v.up { color:var(--green); }
.stat-v.dn { color:var(--red); }
.sig-card.locked .sig-card-img::after { content:'🔒'; position:absolute; inset:0; background:rgba(13,27,62,0.7); display:flex; align-items:center; justify-content:center; font-size:22px; }

/* Chat room bar */
.chat-room-bar { background:var(--white); border:1px solid var(--border); border-radius:var(--radius) var(--radius) 0 0; border-bottom:3px solid var(--teal); padding:14px 20px; display:flex; align-items:center; gap:12px; }
.chat-room-title { font-family:'Barlow Condensed',sans-serif; font-size:18px; font-weight:800; color:var(--navy); text-transform:uppercase; flex:1; }
.live-dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; animation:xmc-pulse 1.5s infinite; }
.live-label { font-size:11px; font-weight:700; color:var(--green); letter-spacing:0.8px; }
@keyframes xmc-pulse { 0%,100%{box-shadow:0 0 0 3px rgba(0,168,120,0.2)}50%{box-shadow:0 0 0 6px rgba(0,168,120,0.04)} }
.btn-view-rooms { background:var(--navy); color:#fff !important; border:none; border-radius:7px; padding:8px 16px; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; text-decoration:none !important; cursor:pointer; transition:background 0.2s; }
.btn-view-rooms:hover { background:var(--teal-dk) !important; }

/* ─────────────────────────────────────────────
   LIVE DESK PAGE
   Body will have .page-template-page-live-desk
───────────────────────────────────────────── */
body.page-template-page-live-desk {
  background: #080f1f !important;
}
/* Kill ALL socialize chrome */
body.page-template-page-live-desk #gp-content-wrapper {
  width: 100% !important; max-width: 100% !important;
  padding: 0 !important; margin: 0 !important;
}
body.page-template-page-live-desk #gp-inner-container { display: block !important; }
body.page-template-page-live-desk #gp-left-column     { width: 100% !important; display: block !important; overflow: visible !important; }
body.page-template-page-live-desk #gp-content         { width: 100% !important; padding: 0 !important; float: none !important; background: #080f1f !important; }
body.page-template-page-live-desk #gp-sidebar-left,
body.page-template-page-live-desk #gp-sidebar-right,
body.page-template-page-live-desk .gp-breadcrumb,
body.page-template-page-live-desk .gp-entry-header,
body.page-template-page-live-desk #comments,
body.page-template-page-live-desk .comments-area,
body.page-template-page-live-desk .comment-respond { display: none !important; }
/* Full height chat */
body.page-template-page-live-desk .xmc-live-desk {
  height: calc(100vh - 56px) !important;
  max-height: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid rgba(26,155,188,0.2) !important;
}

/* ─────────────────────────────────────────────
   LIVE DESK CHAT UI
   Dark background — ALL text must be light
───────────────────────────────────────────── */
.xmc-live-desk {
  font-family: 'Barlow', sans-serif;
  background: #080f1f;
  display: flex; flex-direction: column;
  height: calc(100vh - 160px); min-height: 500px; max-height: 820px;
  overflow: hidden; position: relative;
}

/* Tabs — dark bg, WHITE tab text */
.xld-tabs-bar {
  display: flex; align-items: center;
  background: #040810;
  border-bottom: 1px solid rgba(26,155,188,0.2);
  overflow-x: auto; scrollbar-width: none; flex-shrink: 0;
  padding: 0 6px; gap: 2px;
}
.xld-tabs-bar::-webkit-scrollbar { display: none; }
.xld-tab {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 12px; cursor: pointer;
  background: none; border: none;
  border-bottom: 3px solid transparent;
  color: rgba(255,255,255,0.5) !important; /* dim white on very dark */
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.8px;
  text-transform: uppercase; white-space: nowrap;
  transition: color 0.2s, border-color 0.2s; flex-shrink: 0;
}
.xld-tab:hover { color: rgba(255,255,255,0.85) !important; }
.xld-tab.active { color: #fff !important; border-bottom-color: var(--teal); }

/* Tab avatar */
.xld-tab-av {
  width: 20px; height: 20px; border-radius: 5px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 800;
  color: #fff !important; /* WHITE initials on colored tile */
  flex-shrink: 0;
}
.xld-tab-badge {
  background: var(--red); color: #fff;
  border-radius: 9px; font-size: 9px; font-weight: 800;
  padding: 1px 5px; min-width: 14px; text-align: center;
}

/* Lock button — right of tabs */
.xld-admin-bar { margin-left: auto; padding: 0 8px; flex-shrink: 0; }
.xld-btn-lock {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 6px;
  color: rgba(255,255,255,0.8) !important; /* visible white */
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.8px;
  padding: 5px 12px; text-transform: uppercase; white-space: nowrap;
  transition: all 0.2s;
}
.xld-btn-lock:hover { background: rgba(232,69,96,0.3); border-color: var(--red); color: #fff !important; }

/* Panel */
.xld-panel { display: none; flex-direction: column; flex: 1; min-height: 0; }
.xld-panel.active { display: flex; }

/* Panel header — dark navy, WHITE text */
.xld-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 16px; background: #0d1b3e;
  border-bottom: 1px solid rgba(26,155,188,0.15); flex-shrink: 0;
}
.xld-panel-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px; font-weight: 800;
  color: #fff !important; /* WHITE on dark */
  text-transform: uppercase; letter-spacing: 1px;
}
.xld-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); flex-shrink: 0; animation: xmc-pulse 1.5s infinite; }
.xld-member-count { font-size: 11px; color: rgba(255,255,255,0.4) !important; }
.xld-lock-status  { font-size: 11px; color: #f87171 !important; font-weight: 700; }

/* Pinned */
.xld-pinned { background: rgba(26,155,188,0.1); border-bottom: 1px solid rgba(26,155,188,0.25); padding: 8px 16px; display: flex; gap: 8px; flex-shrink: 0; }
.xld-pinned-content { font-size: 12px; color: rgba(255,255,255,0.85) !important; line-height: 1.5; }

/* Lock notice */
.xld-lock-notice { background: rgba(232,69,96,0.1); border-bottom: 1px solid rgba(232,69,96,0.3); padding: 8px 16px; font-size: 12px; font-weight: 600; color: #f87171 !important; display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* Messages area */
.xld-messages { flex: 1; overflow-y: auto; padding: 12px 16px; display: flex; flex-direction: column; gap: 3px; scroll-behavior: smooth; }
.xld-messages::-webkit-scrollbar       { width: 4px; }
.xld-messages::-webkit-scrollbar-track { background: transparent; }
.xld-messages::-webkit-scrollbar-thumb { background: rgba(26,155,188,0.3); border-radius: 3px; }
.xld-loading { color: rgba(255,255,255,0.3) !important; font-size: 12px; text-align: center; padding: 24px; }
.xld-empty   { color: rgba(255,255,255,0.35) !important; font-size: 13px; text-align: center; padding: 32px; }

/* Message row */
.xld-msg { display: flex; align-items: flex-start; gap: 9px; padding: 5px 6px; border-radius: 8px; transition: background 0.15s; position: relative; }
.xld-msg:hover { background: rgba(255,255,255,0.04); }
.xld-msg:hover .xld-msg-actions { opacity: 1; }
.xld-msg.own { flex-direction: row-reverse; }
.xld-msg.own .xld-msg-body { align-items: flex-end; }
.xld-msg.own .xld-msg-text { background: rgba(26,155,188,0.2); border-color: rgba(26,155,188,0.4); border-radius: 8px 0 8px 8px; }
.xld-msg.pinned { background: rgba(26,155,188,0.07); border: 1px solid rgba(26,155,188,0.2); border-radius: 8px; }

/* Avatar in chat — initials on dark bg = WHITE */
.xld-av {
  width: 32px; height: 32px; border-radius: 50%;
  flex-shrink: 0; position: relative; overflow: hidden;
  background: linear-gradient(135deg,var(--teal),var(--navy));
  display: flex; align-items: center; justify-content: center;
  margin-top: 2px;
}
.xld-av-init {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 800;
  color: #fff !important; /* WHITE initials */
  position: absolute; z-index: 1;
}
.xld-av img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:50%; z-index:2; }

/* Message body */
.xld-msg-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; max-width: 75%; }
.xld-msg-meta { display: flex; align-items: center; gap: 7px; }

/* Sender name — PURE WHITE on dark bg */
.xld-msg-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 800;
  color: #ffffff !important;  /* PURE WHITE — was the bug */
  letter-spacing: 0.5px;
}
/* Timestamp */
.xld-msg-time { font-size: 10px; color: rgba(255,255,255,0.4) !important; }

/* Message bubble — light text on dark */
.xld-msg-text {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 0 8px 8px 8px;
  color: rgba(255,255,255,0.92) !important; /* NEAR WHITE text in bubble */
  font-size: 13px; line-height: 1.5;
  padding: 8px 12px; word-break: break-word;
}

/* Action buttons */
.xld-msg-actions { display: flex; gap: 3px; opacity: 0; transition: opacity 0.15s; align-items: center; margin-top: 2px; }
.xld-act-btn {
  background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 5px; cursor: pointer; font-size: 12px; padding: 3px 7px;
  color: #fff !important; transition: all 0.15s; line-height: 1;
}
.xld-act-btn:hover  { background: rgba(26,155,188,0.35); border-color: var(--teal); }
.xld-delete:hover   { background: rgba(232,69,96,0.35); border-color: var(--red); }

/* Input area — dark, typed text MUST be white */
.xld-input-area { background: #0d1b3e; border-top: 1px solid rgba(26,155,188,0.2); padding: 10px 16px 12px; flex-shrink: 0; }
.xld-muted-notice    { color: #fbbf24 !important; font-size: 12px; font-weight: 600; padding: 8px 0; text-align: center; }
.xld-freemium-notice { color: #fbbf24 !important; font-size: 12px; font-weight: 600; padding: 10px 0; text-align: center; }
.xld-freemium-notice a { color: var(--teal) !important; font-weight: 700; }
.xld-input-row { display: flex; gap: 8px; align-items: center; }

/* THE FIX: input on dark background — WHITE typed text */
.xld-input {
  flex: 1;
  background: rgba(255,255,255,0.09) !important;
  border: 1px solid rgba(26,155,188,0.35) !important;
  border-radius: 22px !important;
  color: #ffffff !important;       /* WHITE TYPED TEXT */
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important;
  padding: 9px 18px !important;
  outline: none !important;
  transition: border-color 0.2s, background 0.2s !important;
}
.xld-input::placeholder { color: rgba(255,255,255,0.35) !important; }
.xld-input:focus {
  border-color: var(--teal) !important;
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important; /* still white when focused */
}
.xld-send-btn {
  width: 38px; height: 38px; background: var(--teal);
  border: none; border-radius: 50%; color: #fff;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 16px;
  transition: background 0.2s, transform 0.15s;
}
.xld-send-btn:hover  { background: var(--teal-dk); transform: scale(1.08); }
.xld-send-btn:active { transform: scale(0.94); }
.xld-char-count { font-size: 10px; color: rgba(255,255,255,0.38) !important; text-align: right; margin-top: 4px; }

/* No group notice */
.xld-no-groups { background: #0d1b3e; color: rgba(255,255,255,0.7) !important; font-size: 14px; text-align: center; padding: 48px 24px; }
.xld-no-groups a { color: var(--teal) !important; font-weight: 700; }

/* Lock modal */
.xld-modal { position: absolute; inset: 0; background: rgba(0,0,0,0.75); display: flex; align-items: center; justify-content: center; z-index: 100; backdrop-filter: blur(3px); }
.xld-modal-box { background: #0d1b3e; border: 1px solid rgba(26,155,188,0.4); border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); min-width: 320px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.xld-modal-title { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 800; color: #fff !important; text-transform: uppercase; letter-spacing: 1px; }
.xld-modal-box label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.5) !important; letter-spacing: 1px; text-transform: uppercase; }
/* Input inside modal — white typed text on dark */
.xld-modal-box input[type="text"] {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(26,155,188,0.3) !important;
  border-radius: 7px !important;
  color: #fff !important;  /* WHITE typed text */
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important; padding: 9px 12px !important; width: 100% !important;
}
.xld-modal-box input[type="text"]::placeholder { color: rgba(255,255,255,0.3) !important; }
.xld-modal-btns { display: flex; gap: 10px; justify-content: flex-end; }
.xld-btn-cancel { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 7px; color: rgba(255,255,255,0.8) !important; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; padding: 8px 18px; text-transform: uppercase; }
.xld-btn-cancel:hover { background: rgba(255,255,255,0.15); color: #fff !important; }
.xld-btn-confirm { background: var(--red); border: none; border-radius: 7px; color: #fff !important; cursor: pointer; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 800; padding: 8px 18px; text-transform: uppercase; }
.xld-btn-confirm:hover { background: #c73050; }

/* ─────────────────────────────────────────────
   GLOBAL FULL-WIDTH — all frontend pages
─────────────────────────────────────────────── */
#gp-content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#gp-inner-container { display: block !important; }
#gp-left-column {
  width: 100% !important;
  display: block !important;
  float: none !important;
}
#gp-content {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* Hide sidebars globally */
#gp-sidebar-left,
#gp-sidebar-right { display: none !important; }
/* Standard pages: add side padding so text doesn't touch edges */
.gp-entry-content,
.gp-entry-text { padding: 0 24px !important; }
@media (max-width: 768px) {
  .gp-entry-content,
  .gp-entry-text { padding: 0 16px !important; }
}

/* ─────────────────────────────────────────────
   SIGNALS ARCHIVE PAGE
───────────────────────────────────────────── */

/* Full-width override */
body.post-type-archive-xmc_signal #gp-content-wrapper,
body.page-template-page-signals #gp-content-wrapper   { width:100%!important;max-width:100%!important;padding:0!important; }
body.post-type-archive-xmc_signal #gp-inner-container,
body.page-template-page-signals #gp-inner-container   { display:block!important; }
body.post-type-archive-xmc_signal #gp-left-column,
body.page-template-page-signals #gp-left-column       { width:100%!important;display:block!important; }
body.post-type-archive-xmc_signal #gp-content,
body.page-template-page-signals #gp-content           { width:100%!important;float:none!important;background:transparent!important;padding:0!important;box-shadow:none!important; }
body.post-type-archive-xmc_signal #gp-sidebar-left,
body.post-type-archive-xmc_signal #gp-sidebar-right,
body.page-template-page-signals #gp-sidebar-left,
body.page-template-page-signals #gp-sidebar-right     { display:none!important; }
body.post-type-archive-xmc_signal .gp-breadcrumb,
body.post-type-archive-xmc_signal #gp-page-header,
body.post-type-archive-xmc_signal .gp-page-header-wrap{ display:none!important; }

/* ── Wrapper ── */
.xsp-wrap { max-width:100%; }

/* ── HERO ── */
.xsp-hero {
  background:linear-gradient(135deg,var(--navy) 0%,#1a2d5a 55%,#127a96 100%);
  padding:48px 48px 42px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:32px;
}
.xsp-eyebrow { font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-bottom:10px; }
.xsp-h1 { font-family:'Barlow Condensed',sans-serif!important;font-size:50px!important;font-weight:800!important;color:#fff!important;text-transform:uppercase;margin:0 0 8px!important;line-height:1; }
.xsp-sub { color:rgba(255,255,255,0.6);font-size:14px;margin:0; }
.xsp-hero-stats { display:flex;gap:32px;align-items:center; }
.xsp-stat-box { text-align:center; }
.xsp-stat-num { font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:800;color:#fff;line-height:1; }
.xsp-stat-lbl { font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.4);margin-top:4px; }
.xsp-green { color:#00a878!important; }
.xsp-tier-pill { background:rgba(255,255,255,0.12);border-radius:10px;padding:10px 18px; }
.xsp-tier-pill .xsp-stat-num { font-size:18px; }

/* ── TABS ── */
.xsp-tabs-bar {
  background:var(--navy);display:flex;padding:0 48px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:90;
}
.xsp-tabs-bar::-webkit-scrollbar { display:none; }
.xsp-tab {
  background:transparent;border:none;
  border-bottom:3px solid transparent;
  color:rgba(255,255,255,0.45);
  font-family:'Barlow Condensed',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:15px 20px;cursor:pointer;transition:all 0.2s;
  white-space:nowrap;display:flex;align-items:center;gap:7px;
}
.xsp-tab:hover { color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.04); }
.xsp-tab.active { color:#fff;border-bottom-color:var(--tab-accent,#fff); }
.tab-icon { font-size:14px; }

/* ── SECTIONS ── */
.xsp-section { display:block; }
.xsp-hidden  { display:none!important; }
.xsp-visible { display:block!important; }

/* ── SECTION HEADER ── */
.xsp-sec-hd { display:flex;align-items:center;gap:14px;padding:28px 48px 20px; }
.xsp-sec-icon { width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }
.xsp-sec-title { font-family:'Barlow Condensed',sans-serif!important;font-size:23px!important;font-weight:800!important;color:var(--navy)!important;text-transform:uppercase;margin:0!important;line-height:1; }
.xsp-sec-meta { font-size:12px;color:var(--muted);margin-top:4px; }
.xsp-empty { padding:20px 48px 40px;color:var(--muted);font-size:14px; }

/* ── TABLE ── */
.xsp-tbl-wrap { padding:0 48px 40px;overflow-x:auto; }
.xsp-tbl { width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:13px; }
.xsp-tbl thead tr { background:var(--navy); }
.xsp-tbl thead th { font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.55);padding:12px 16px;text-align:left;border:none;white-space:nowrap; }
.xsp-tbl tbody tr { border-bottom:1px solid var(--border);cursor:pointer;transition:background 0.12s; }
.xsp-tbl tbody tr:last-child { border-bottom:none; }
.xsp-tbl tbody tr:hover { background:#f8fafc; }
.xsp-tbl td { padding:12px 16px;vertical-align:middle;color:var(--text)!important;border:none; }
.xsp-tbl tbody tr.status-expired td { opacity:0.55; }

/* ── STATUS DOTS ── */
.sdot { font-size:11px;display:inline-block; }
.sdot.active  { color:#00a878; }
.sdot.expired { color:var(--muted); }
.sdot.pending { color:var(--gold); }

/* ── SIGNAL NAME + CHIPS ── */
.xsp-name { font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;color:var(--navy)!important; }
.xsp-cat-chip {
  display:inline-block;margin-left:8px;
  background:var(--page-bg);color:var(--muted)!important;
  font-size:10px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;
  padding:2px 7px;border-radius:8px;border:1px solid var(--border);
  vertical-align:middle;
}

/* ── DATE / PRICE ── */
.xsp-date { color:var(--muted)!important;font-size:12px;white-space:nowrap; }
.xsp-entry,.xsp-sl,.xsp-tp { font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;white-space:nowrap; }
.xsp-entry { color:var(--navy)!important; }
.xsp-sl    { color:var(--red)!important; }
.xsp-tp    { color:var(--green)!important; }
.xsp-na    { color:var(--muted); }
.xsp-risk  { font-size:12px;white-space:nowrap; }
.risk-low    { color:var(--green);font-weight:600; }
.risk-medium { color:var(--gold);font-weight:600; }
.risk-high   { color:var(--red);font-weight:600; }

/* ── RESULT BADGES ── */
.srbadge { font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;text-transform:uppercase;white-space:nowrap;letter-spacing:0.5px; }
.srbadge.win  { background:#00a878;color:#fff;border:1px solid #00a878;font-weight:800; }
.srbadge.loss { background:var(--red);color:#fff;border:1px solid var(--red);font-weight:800; }
.srbadge.be   { background:rgba(245,158,11,0.08);color:#d97706;border:1px solid rgba(245,158,11,0.2); }
.srbadge.none { color:var(--muted);background:transparent;border:none; }

/* ── VIEW LINK ── */
.xsp-lnk {
  font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.5px;
  color:var(--teal)!important;text-decoration:none;white-space:nowrap;
  padding:5px 10px;border-radius:6px;border:1px solid var(--teal);
  transition:all 0.2s;display:inline-block;
}
.xsp-lnk:hover { background:var(--teal);color:#fff!important; }

/* ── Locked front-page signal cards ── */
.sig-locked .stat-v { color:var(--muted)!important; letter-spacing:3px; font-size:12px; }

/* ── LOCKED ROW ── */
.xsp-row-locked { background:#fafbfc!important; }
.xsp-row-locked:hover { background:#f1f5f9!important; }
.xsp-row-locked .xsp-name { color:var(--muted)!important; }
.xsp-req-pill {
  display:inline-block;margin-left:8px;
  background:linear-gradient(135deg,var(--navy),#1a9bbc);
  color:#fff!important;
  font-family:'Barlow Condensed',sans-serif;
  font-size:10px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;
  padding:2px 8px;border-radius:10px;vertical-align:middle;
}
.xsp-dots { color:#ccc;font-size:13px;letter-spacing:4px; }
.xsp-lock-btn {
  font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;
  color:var(--teal)!important;background:transparent;
  border:1px solid var(--teal);border-radius:6px;
  padding:6px 14px;white-space:nowrap;transition:all 0.2s;
  display:inline-flex;align-items:center;gap:4px;
}
.xsp-lock-btn:hover { background:var(--teal);color:#fff!important; }
/* Last column — right-align buttons */
.xsp-tbl td:last-child { text-align:right; white-space:nowrap; }
.xsp-tbl th:last-child { text-align:right; }

/* ═══════════════════════════════════════════════
   UPGRADE MODAL
═══════════════════════════════════════════════ */
.xsp-modal-overlay {
  position:fixed;inset:0;z-index:99999;
  background:rgba(13,27,62,0.7);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity 0.2s;
  padding:20px;
}
.xsp-modal-overlay.open { opacity:1;pointer-events:all; }
.xsp-modal {
  background:#fff;border-radius:16px;
  box-shadow:0 32px 80px rgba(13,27,62,0.3);
  padding:40px 36px 32px;
  text-align:center;max-width:420px;width:100%;
  position:relative;
  transform:translateY(20px);transition:transform 0.25s;
}
.xsp-modal-overlay.open .xsp-modal { transform:translateY(0); }
.xsp-modal-close {
  position:absolute;top:14px;right:16px;
  background:none;border:none;font-size:22px;
  color:var(--muted);cursor:pointer;line-height:1;padding:4px;
}
.xsp-modal-close:hover { color:var(--navy); }
.xsp-modal-icon { font-size:44px;margin-bottom:14px; }
.xsp-modal-title {
  font-family:'Barlow Condensed',sans-serif!important;
  font-size:26px!important;font-weight:800!important;
  color:var(--navy)!important;text-transform:uppercase;
  margin:0 0 6px!important;
}
.xsp-modal-sig {
  font-family:'Barlow Condensed',sans-serif;
  font-size:16px;font-weight:700;
  color:var(--teal);margin:0 0 12px;
}
.xsp-modal-msg { font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 28px; }
.xsp-modal-msg strong { color:var(--navy); }
.xsp-modal-btns { display:flex;gap:10px;justify-content:center;flex-wrap:wrap; }
.xsp-modal-btn-primary {
  background:var(--teal);color:#fff!important;
  border-radius:8px;padding:11px 28px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;
  text-decoration:none;transition:background 0.2s;
}
.xsp-modal-btn-primary:hover { background:var(--teal-dk)!important;color:#fff!important; }
.xsp-modal-btn-ghost {
  background:transparent;color:var(--muted)!important;
  border:2px solid var(--border);border-radius:8px;padding:11px 24px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:14px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;
  cursor:pointer;transition:all 0.2s;
}
.xsp-modal-btn-ghost:hover { border-color:var(--muted);color:var(--navy)!important; }
.xsp-modal-plans { display:flex;flex-direction:column;gap:8px;margin-bottom:20px; }
.xsp-modal-plan {
  display:flex;align-items:center;justify-content:space-between;
  background:var(--navy);border-radius:8px;padding:10px 14px;
  text-decoration:none;color:#fff!important;
  border:1px solid rgba(26,155,188,0.25);transition:border-color 0.2s,background 0.2s;
}
.xsp-modal-plan:hover { background:#1a2d5a;border-color:var(--teal);color:#fff!important; }
.xsp-modal-plan-name { font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;text-transform:uppercase; }
.xsp-modal-plan-price { font-family:'Barlow',sans-serif;font-size:13px;font-weight:600;color:var(--teal);white-space:nowrap; }

/* ── Responsive ── */
@media (max-width:900px) {
  .xsp-hero { padding:28px 20px; }
  .xsp-h1 { font-size:36px!important; }
  .xsp-tabs-bar { padding:0 16px; }
  .xsp-sec-hd { padding:20px 16px 14px; }
  .xsp-tbl-wrap { padding:0 16px 28px; }
  .xsp-tbl .xsp-date { display:none; }
  .xsp-cat-chip { display:none; }
}
@media (max-width:600px) {
  .xsp-hero-stats { flex-wrap:wrap;gap:16px; }
  .xsp-modal { padding:28px 20px 24px; }
  .xsp-tbl .xsp-risk span { display:none; }
}


/* ─────────────────────────────────────────────
   SINGLE SIGNAL PAGE
   body.single-xmc_signal
───────────────────────────────────────────── */
body.single-xmc_signal { background: var(--page-bg) !important; }
body.single-xmc_signal #gp-content-wrapper { width: 100% !important; max-width: 1000px !important; margin: 24px auto !important; padding: 0 20px !important; }
body.single-xmc_signal #gp-inner-container { display: block !important; }
body.single-xmc_signal #gp-left-column     { width: 100% !important; display: block !important; }
body.single-xmc_signal #gp-content         { width: 100% !important; float: none !important; background: transparent !important; padding: 0 !important; }
body.single-xmc_signal #gp-sidebar-left,
body.single-xmc_signal #gp-sidebar-right   { display: none !important; }

/* Signal header box — navy bg, WHITE text */
.signal-single-header { background: var(--navy); border-radius: var(--radius) var(--radius) 0 0; padding: 24px 28px; display: flex; flex-direction: column; gap: 10px; }
.signal-breadcrumb { font-size: 12px; color: rgba(255,255,255,0.5) !important; }
.signal-breadcrumb a { color: var(--teal) !important; text-decoration: none; }
.signal-breadcrumb a:hover { color: #fff !important; }
.signal-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: 32px !important; font-weight: 800 !important; color: #fff !important; text-transform: uppercase; line-height: 1.1; margin: 0 !important; }
.signal-meta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.signal-meta-row .sig-meta-text { font-size: 12px; color: rgba(255,255,255,0.55) !important; }
/* Signal header badges — always visible regardless of dark bg */
.sig-badge { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.8px; text-transform:uppercase; padding:4px 10px; border-radius:5px; display:inline-flex; align-items:center; gap:5px; }
.sig-badge-active  { background:#00a878; color:#fff !important; }
.sig-badge-expired { background:rgba(255,255,255,0.12); color:rgba(255,255,255,0.7) !important; border:1px solid rgba(255,255,255,0.2); }
.sig-badge-win     { background:#00a878; color:#fff !important; }
.sig-badge-loss    { background:var(--red); color:#fff !important; }
.sig-badge-be      { background:var(--gold); color:#1e293b !important; }

/* Signal data card — white bg, DARK text */
.signal-data-card { background: var(--white); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); padding: 24px 28px; margin-bottom: 20px; }
.signal-stats-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(130px,1fr)); gap: 12px; margin-bottom: 20px; }
.signal-stat-box { background: var(--page-bg); border: 1px solid var(--border); border-radius: 6px; padding: 14px; text-align: center; overflow: hidden; }
.ssb-label { font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); margin-bottom: 5px; }
.ssb-value { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 800; color: var(--navy); line-height: 1.2; word-break: break-all; overflow-wrap: break-word; }  /* DARK on light box */
.ssb-value.is-buy  { color: var(--green); }
.ssb-value.is-sell { color: var(--red); }
.ssb-value.is-win  { color: var(--green); }
.ssb-value.is-loss { color: var(--red); }

/* Result banner */
.signal-result-banner { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 6px; margin-bottom: 18px; border: 1px solid; }
.signal-result-banner.win  { background: #e6f9f4; border-color: #b3eed9; }
.signal-result-banner.loss { background: #fdeef1; border-color: #f5b8c4; }
.signal-result-banner.be   { background: #eef2ff; border-color: #93c5fd; }
.srb-icon  { font-size: 22px; flex-shrink: 0; }
.srb-label { font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
.signal-result-banner.win  .srb-label { color: var(--green); }
.signal-result-banner.loss .srb-label { color: var(--red); }
.signal-result-banner.be   .srb-label { color: var(--accent); }

/* Content box */
.signal-content-body { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px 28px; margin-bottom: 20px; }
.signal-content-body h2, .signal-content-body h3 { color: var(--navy) !important; }
.signal-content-body p, .signal-content-body li  { color: var(--text) !important; line-height: 1.7; }

/* Comments box */
.signal-comments-section { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px 28px; margin-bottom: 20px; }
.signal-comments-section h3 { color: var(--navy) !important; font-size: 20px !important; font-weight: 800 !important; text-transform: uppercase; margin-bottom: 16px !important; }
.signal-comments-section .comment-form label { color: var(--text) !important; font-size: 12px; font-weight: 600; }
.signal-comments-section .comment-form textarea,
.signal-comments-section .comment-form input { color: var(--text) !important; background: var(--page-bg) !important; }
.signal-comments-section .comment-form input[type="submit"] { background: var(--teal) !important; color: #fff !important; border: none !important; border-radius: 6px !important; font-family: 'Barlow Condensed', sans-serif !important; font-weight: 700 !important; padding: 9px 22px !important; cursor: pointer !important; }

/* Restricted wall */
.signal-restricted-wall { background: var(--navy); border-radius: var(--radius); padding: 44px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; margin-bottom: 20px; }
.signal-restricted-wall .wall-icon { font-size: 44px; }
.signal-restricted-wall h2 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 26px !important; font-weight: 800 !important; color: #fff !important; text-transform: uppercase; margin: 0 !important; }
.signal-restricted-wall p  { color: rgba(255,255,255,0.7) !important; font-size: 14px; line-height: 1.6; max-width: 480px; }
.membership-options { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.membership-option { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: var(--radius); padding: 14px 18px; text-align: center; min-width: 110px; cursor: pointer; text-decoration: none; color: #fff !important; transition: all 0.2s; }
.membership-option:hover { background: rgba(26,155,188,0.3); border-color: var(--teal); color: #fff !important; }
.mo-name  { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 800; text-transform: uppercase; color: #fff !important; display: block; margin-bottom: 3px; }
.mo-price { font-size: 11px; color: rgba(255,255,255,0.55) !important; }
.btn-join-now { background: var(--teal); color: #fff !important; border: none; border-radius: 7px; padding: 12px 28px; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 800; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background 0.2s; display: inline-block; }
body.single-xmc_signal a.btn-join-now,
body.single-xmc_signal a.btn-join-now:hover { color: #fff !important; }
body.single-xmc_signal .xsp-modal-btn-primary,
body.single-xmc_signal .xsp-modal-btn-primary:hover { color: #fff !important; }
.btn-join-now:hover { background: var(--teal-dk) !important; color: #fff !important; }

/* Risk labels */
.risk-low    { color: var(--green); font-weight: 700; }
.risk-medium { color: var(--gold);  font-weight: 700; }
.risk-high   { color: var(--red);   font-weight: 700; }

/* ─────────────────────────────────────────────
   FOOTER — dark bg, light text
───────────────────────────────────────────── */
#gp-footer, #gp-footer-inner, #gp-footer-widgets { background: var(--navy) !important; border-top: 2px solid rgba(26,155,188,0.3) !important; }
#gp-footer p, #gp-footer li, #gp-footer span, #gp-footer div { color: rgba(255,255,255,0.65) !important; }
#gp-footer h1,#gp-footer h2,#gp-footer h3,#gp-footer h4,
#gp-footer .widgettitle, #gp-footer .widget-title { color: #fff !important; background: transparent !important; border-bottom-color: rgba(26,155,188,0.4) !important; }
#gp-footer a { color: var(--teal) !important; }
#gp-footer a:hover { color: #fff !important; }
#gp-footer .widget { background: transparent !important; border: none !important; box-shadow: none !important; }
#gp-footer .widget ul li { border-bottom-color: rgba(255,255,255,0.08) !important; background: transparent !important; }
#gp-copyright { background: rgba(0,0,0,0.25) !important; border-top: 1px solid rgba(255,255,255,0.06) !important; }
#gp-copyright p, #gp-copyright a { color: rgba(255,255,255,0.4) !important; font-size: 12px !important; }
#gp-copyright a { color: var(--teal) !important; }

/* ─────────────────────────────────────────────
   LOGIN / PMPro CHECKOUT — light bg, DARK text
───────────────────────────────────────────── */
body.login { background: var(--page-bg) !important; }
body.login label { color: var(--text) !important; }
body.login input[type="text"],
body.login input[type="password"] { color: var(--text) !important; background: var(--white) !important; }
body.login #wp-submit, body.login .button-primary { background: var(--teal) !important; color: #fff !important; border: none !important; }
/* ── PMPro global pages (checkout / account / levels) ────────────────────── */
.pmpro_checkout, .pmpro_content_message { color: var(--text) !important; }
.pmpro_checkout label { color: var(--text) !important; }
.pmpro_checkout input, .pmpro_checkout textarea, .pmpro_checkout select { color: var(--text) !important; background: var(--white) !important; }
.pmpro_btn, a.pmpro_btn, input.pmpro_btn, .pmpro_form input[type="submit"],
#gp-content a.pmpro_btn, #gp-content .pmpro_btn { background: var(--teal) !important; color: #fff !important; border: none !important; border-radius: 7px !important; font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800 !important; }

/* ── PMPro Checkout page — branded styling ───────────────────────────────── */
/* Page wrapper */
.pmpro { max-width: 720px; margin: 40px auto; padding: 0 16px 60px; }

/* Cards */
.pmpro_card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.07);
  overflow: hidden;
  margin-bottom: 24px;
  border: 1px solid #e8eaf0;
}

/* Card title gets a dark header band */
.pmpro_card_title,
.pmpro_form_heading,
h2.pmpro_card_title,
h2.pmpro_form_heading,
#gp-content .pmpro_card_title,
#gp-content h2.pmpro_card_title,
#gp-content .pmpro_form_heading,
#gp-content h2.pmpro_form_heading,
#gp-content-wrapper .pmpro_card_title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #0d1b3e, #1a3a6e) !important;
  padding: 14px 24px !important;
  margin: 0 !important;
}

/* Card content area */
.pmpro_card_content { padding: 24px !important; }
.pmpro_card_actions { padding: 0 24px 20px !important; }

/* Level name text */
.pmpro_level_name_text { font-size: 15px !important; color: #444 !important; margin-bottom: 10px !important; }
.pmpro_level_name_text strong { color: #1a9bbc !important; }

/* Level cost */
.pmpro_level_cost_text p, .pmpro_level_expiration_text p {
  font-size: 14px !important;
  color: #666 !important;
  margin: 6px 0 !important;
}
.pmpro_level_cost_text strong, .pmpro_level_expiration_text strong { color: #0d1b3e !important; }

/* Level description */
.pmpro_level_description_text {
  font-size: 14px !important;
  color: #555 !important;
  margin-bottom: 12px !important;
  padding: 10px 14px !important;
  background: #f8fafc !important;
  border-left: 3px solid #1a9bbc !important;
  border-radius: 0 6px 6px 0 !important;
}

/* Form fields */
.pmpro_form_field { margin-bottom: 16px !important; }
.pmpro_form_label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .8px !important;
  color: #666 !important;
  margin-bottom: 6px !important;
}
.pmpro_form_input {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1px solid #d8dce8 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  color: #1e293b !important;
  background: #fafbfd !important;
  transition: border-color .15s !important;
}
.pmpro_form_input:focus {
  border-color: #1a9bbc !important;
  outline: none !important;
  background: #fff !important;
}

/* Two-column layout */
.pmpro_cols-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
@media (max-width: 540px) { .pmpro_cols-2 { grid-template-columns: 1fr !important; } }

/* Logged-in notice */
.pmpro_login_link, .pmpro_card_content > p { font-size: 14px !important; color: #555 !important; }
.pmpro_card_content > p a { color: #1a9bbc !important; }

/* Submit button */
.pmpro_btn-submit, input[name="submit-checkout"], #pmpro_submit_span .pmpro_btn {
  display: inline-block !important;
  background: linear-gradient(135deg, #1a9bbc, #127a96) !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 14px 36px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: opacity .2s !important;
  box-shadow: 0 4px 14px rgba(26,155,188,.35) !important;
}
.pmpro_btn-submit:hover { opacity: .88 !important; }

/* Form footer / submit row */
.pmpro_submit_wrap, #pmpro_submit_span { margin-top: 8px !important; }

/* Discount code */
.pmpro_btn-submit-discount-code {
  background: #0d1b3e !important;
  padding: 10px 18px !important;
  border-radius: 6px !important;
}

/* Messages */
.pmpro_message {
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  margin-bottom: 20px !important;
}
.pmpro_error { background: #fdecea !important; color: #b71c1c !important; border: 1px solid #f5c6c6 !important; }
.pmpro_success { background: #e6f7ec !important; color: #1a7a3c !important; border: 1px solid #b2e0c3 !important; }

/* ── PMPro Confirmation / Thank-you page ─────────────────────────────────── */
.pmpro_confirmation_table { width: 100% !important; border-collapse: collapse !important; margin: 16px 0 !important; }
.pmpro_confirmation_table th,
.pmpro_confirmation_table td { padding: 11px 14px !important; border-bottom: 1px solid #f0f2f7 !important; font-size: 14px !important; text-align: left !important; }
.pmpro_confirmation_table th { color: #888 !important; font-weight: 600 !important; width: 130px !important; }
.pmpro_confirmation_table td { color: #1e293b !important; }

/* ── PMPro Levels page ───────────────────────────────────────────────────── */
.pmpro_levels-table-div { overflow-x: auto !important; }
#pmpro_levels_table { width: 100% !important; border-collapse: collapse !important; }
#pmpro_levels_table th { background: #0d1b3e !important; color: #fff !important; padding: 14px 16px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .8px !important; }
#pmpro_levels_table td { padding: 14px 16px !important; border-bottom: 1px solid #f0f2f7 !important; font-size: 14px !important; color: #1e293b !important; vertical-align: middle !important; }
#pmpro_levels_table tr:last-child td { border-bottom: none !important; }
#pmpro_levels_table .pmpro_btn { font-size: 13px !important; padding: 9px 18px !important; }

/* ─────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .xmc-main { grid-template-columns: 1fr; padding: 16px; }
  .signals-grid { grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); }
}
@media (max-width: 768px) {
  .xmc-hero { grid-template-columns: 1fr; grid-template-rows: 220px 160px 160px; }
  .hero-main { grid-row: auto; }
  .hero-title { font-size: 22px !important; }
  .xld-tab-name { display: none; }
  .xld-tab { padding: 10px 8px; }
  .xld-msg-body { max-width: 86%; }
  .signal-stats-grid { grid-template-columns: repeat(2,1fr); }
  .signal-single-header { padding: 18px; }
  .signal-data-card { padding: 18px; }
}
@media (max-width: 540px) {
  .signals-grid { grid-template-columns: 1fr; }
  .xmc-signals-header { flex-direction: column; align-items: flex-start; }
}

/* ═══════════════════════════════════════════════════════════════
   BUDDYPRESS — XMC OVERRIDE
   Written against actual Socialize bp.css selectors
   All rules use .gp-theme prefix to match Socialize's specificity
   or higher specificity to beat it
═══════════════════════════════════════════════════════════════ */

/* ─── SINGLE GROUP: kill the space ─────────────────────────── */

/* 1. The big empty anchor causing the blank area */
#buddypress a#header-cover-image,
.gp-theme #buddypress a#header-cover-image {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2. The cover container itself — compact gradient, no excess height */
#buddypress #cover-image-container,
.gp-theme #buddypress #cover-image-container {
  background: linear-gradient(135deg, var(--navy) 0%, #163354 50%, var(--teal-dk) 100%) !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: var(--radius) !important;
  overflow: visible !important;
  margin-bottom: 0 !important;
  position: relative !important;
}
#buddypress #cover-image-container::after {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  border-radius: var(--radius);
}

/* 3. Inner flex row — beat Socialize's max-width:46% */
#buddypress #item-header-cover-image,
.gp-theme #buddypress div#item-header #item-header-cover-image {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 20px 22px !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Beat the max-width:46% Socialize sets on these */
.gp-theme #buddypress div#item-header #item-header-cover-image #item-header-content,
.gp-theme #buddypress div#item-header #item-header-cover-image #item-actions,
#buddypress #item-header-content,
#buddypress #item-actions {
  max-width: none !important;
  width: auto !important;
}
#buddypress #item-header-content { flex: 1 !important; min-width: 0 !important; }
#buddypress #item-actions        { flex-shrink: 0 !important; text-align: right !important; align-self: flex-start !important; }

/* 4. Avatar tile — hide image, show initials */
#buddypress #item-header-avatar { flex-shrink: 0 !important; }
#buddypress #item-header-avatar a {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 68px !important; height: 68px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--teal), var(--teal-dk)) !important;
  border: 3px solid rgba(255,255,255,0.25) !important;
  text-decoration: none !important; flex-shrink: 0 !important;
}
/* Hide the 210x210 default avatar image */
.gp-theme #buddypress div#item-header #item-header-avatar img.avatar,
#buddypress #item-header-avatar img {
  display: none !important;
}
/* Initials from JS-injected data-initial */
#buddypress #item-header-avatar a::after {
  content: attr(data-initial);
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 24px !important; font-weight: 800 !important;
  color: #fff !important; letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* 5. Group name + meta text */
#buddypress #item-header-content h2,
#buddypress #item-header-content h1 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 22px !important; font-weight: 800 !important;
  color: #fff !important; text-transform: uppercase !important;
  letter-spacing: 1px !important; margin: 0 0 6px !important; line-height: 1 !important;
}
#buddypress #item-header-content h2 a,
#buddypress #item-header-content h1 a { color: #fff !important; text-decoration: none !important; }
.gp-theme #buddypress div#item-header div#item-meta,
#buddypress #item-meta { font-size: 12px !important; line-height: 1.5 !important; margin: 0 !important; }
#buddypress #item-meta .highlight {
  background: rgba(255,255,255,0.12) !important; border: 1px solid rgba(255,255,255,0.2) !important;
  border-radius: 4px !important; color: #fff !important;
  font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 1px !important; text-transform: uppercase !important;
  padding: 2px 8px !important; margin-right: 6px !important; display: inline-block !important;
}
#buddypress #item-meta .activity { font-size: 11px !important; color: rgba(255,255,255,0.45) !important; }
#buddypress #item-meta p { font-size: 12px !important; color: rgba(255,255,255,0.6) !important; margin: 4px 0 0 !important; }

/* 6. Admins */
#buddypress #item-actions h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 9px !important; font-weight: 700 !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important;
  color: rgba(255,255,255,0.4) !important; margin: 0 0 5px !important;
}
#buddypress #group-admins {
  list-style: none !important; margin: 0 !important; padding: 0 !important;
  display: flex !important; gap: 3px !important; justify-content: flex-end !important;
}
#buddypress #group-admins li a img {
  width: 30px !important; height: 30px !important; border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.3) !important; display: block !important;
}

/* ─── GROUP NAV TABS ────────────────────────────────────────── */

div#item-nav,
#buddypress div#object-nav {
  background: var(--white) !important;
  border-bottom: 2px solid var(--border) !important;
  padding: 0 !important; margin: 0 !important;
  overflow: visible !important;
}

/* Force the UL horizontal — beats Socialize's vertical stacking */
div#item-nav ul,
#buddypress div#object-nav ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  margin: 0 !important; padding: 0 8px !important;
  gap: 0 !important; float: none !important;
  background: transparent !important;
  overflow-x: auto !important; scrollbar-width: none !important;
  height: auto !important;
}

div#item-nav ul li,
#buddypress div#object-nav ul li,
li#home-groups-li, li#nav-forum-groups-li,
li#members-groups-li, li#admin-groups-li {
  float: none !important; display: block !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important; border: none !important;
  list-style: none !important;
}

div#item-nav ul li a,
#buddypress div#object-nav ul li a,
li#home-groups-li > a, li#nav-forum-groups-li > a,
li#members-groups-li > a, li#admin-groups-li > a {
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  padding: 12px 15px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  color: var(--muted) !important; text-decoration: none !important;
  border-bottom: 3px solid transparent !important; margin-bottom: -2px !important;
  white-space: nowrap !important; background: transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}
div#item-nav ul li a:hover,
#buddypress div#object-nav ul li a:hover { color: var(--teal) !important; }

div#item-nav ul li.current > a,
div#item-nav ul li.selected > a,
#buddypress div#object-nav ul li.current > a,
#buddypress div#object-nav ul li.selected > a,
li#home-groups-li.current > a, li#home-groups-li.selected > a,
li#nav-forum-groups-li.current > a, li#members-groups-li.current > a,
li#admin-groups-li.current > a {
  color: var(--navy) !important; border-bottom-color: var(--teal) !important;
}

div#item-nav ul li a span,
#buddypress div#object-nav ul li a span {
  background: var(--teal) !important; color: #fff !important;
  border-radius: 10px !important; font-size: 10px !important; font-weight: 800 !important;
  padding: 1px 6px !important; min-width: 16px !important;
  text-align: center !important; line-height: 1.4 !important; display: inline-block !important;
}

/* ─── GROUPS DIRECTORY — override Socialize's float grid ────── */

/* Kill floats, use grid */
.gp-theme #buddypress #groups-list.item-list,
#buddypress #groups-list.item-list,
#buddypress ul#groups-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
  overflow: visible !important;
  float: none !important; width: 100% !important;
}
/* Kill Socialize's per-item float + width calculations */
.gp-theme #buddypress #groups-list.item-list li,
.gp-theme.gp-no-sidebar #buddypress #groups-list.item-list li,
.gp-theme.gp-fullwidth #buddypress #groups-list.item-list li,
.gp-theme.gp-left-sidebar #buddypress #groups-list.item-list li,
#buddypress #groups-list.item-list li {
  float: none !important;
  width: 100% !important; /* grid handles sizing */
  margin: 0 !important;
  padding: 0 !important;
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-top: 4px solid var(--teal) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
  clear: none !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.gp-theme #buddypress #groups-list.item-list li:hover,
#buddypress #groups-list.item-list li:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

/* The .gp-group-box Socialize wraps content in */
.gp-theme #buddypress #groups-list.item-list li .gp-group-box,
#buddypress #groups-list.item-list li .gp-group-box {
  width: 100% !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important;
}

/* Avatar area — initials banner, hide actual image */
.gp-theme #buddypress #groups-list.item-list li .item-avatar,
#buddypress #groups-list.item-list li .item-avatar {
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  overflow: hidden !important; position: relative !important;
}
.gp-theme #buddypress #groups-list.item-list li .item-avatar a,
#buddypress #groups-list.item-list li .item-avatar a {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; height: 88px !important;
  background: linear-gradient(135deg, var(--navy) 0%, var(--teal-dk) 100%) !important;
  text-decoration: none !important;
}
/* Hide the 210x210 avatar image — Socialize forces it */
.gp-theme #buddypress #groups-list.item-list li img.avatar,
#buddypress #groups-list.item-list li img.avatar,
#buddypress #groups-list.item-list .item-avatar img {
  display: none !important;
}
/* Initials via ::after — JS sets data-initial on the anchor */
.gp-theme #buddypress #groups-list.item-list li .item-avatar a::after,
#buddypress #groups-list.item-list li .item-avatar a::after {
  content: attr(data-initial) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 34px !important; font-weight: 800 !important;
  color: #fff !important; letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Item body */
.gp-theme #buddypress #groups-list.item-list li div.item-title,
#buddypress #groups-list.item-list li div.item-title {
  width: 100% !important; padding: 12px 14px 4px !important;
}
#buddypress #groups-list.item-list li div.item-title a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important; font-weight: 800 !important;
  color: var(--navy) !important; text-transform: uppercase !important;
  text-decoration: none !important; display: block !important;
}
#buddypress #groups-list.item-list li div.item-title a:hover { color: var(--teal) !important; }
.gp-theme #buddypress #groups-list.item-list li .meta,
#buddypress #groups-list.item-list li .meta,
#buddypress #groups-list.item-list li p.last-activity {
  font-size: 11px !important; color: var(--muted) !important;
  margin: 3px 0 !important; padding: 0 14px !important;
}
.gp-theme #buddypress #groups-list.item-list li div.action,
#buddypress #groups-list.item-list li div.action {
  padding: 8px 14px 12px !important;
  position: static !important; top: auto !important; bottom: auto !important; right: auto !important;
}
#buddypress #groups-list.item-list li div.action a {
  background: var(--navy) !important; border: none !important;
  border-radius: 5px !important; color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  padding: 5px 12px !important; text-decoration: none !important;
  display: inline-block !important; transition: background 0.2s !important;
}
#buddypress #groups-list.item-list li div.action a:hover { background: var(--teal-dk) !important; }

/* ─── ABOUT US PAGE — no .php in filename shown, just add extension fix ─── */
/* These rules will apply once page-about-us.php template is selected */
body.page-template-page-about-us {
  background: var(--page-bg) !important;
}
body.page-template-page-about-us #gp-content,
body.page-template-page-about-us #gp-left-column {
  width: 100% !important; float: none !important; padding: 24px 0 !important;
}



/* ═══════════════════════════════════════════════════════════════
   ABOUT US PAGE — full styles
═══════════════════════════════════════════════════════════════ */
body.page-template-page-about-us #gp-content-wrapper { max-width: 100% !important; }
body.page-template-page-about-us #gp-inner-container,
body.page-template-page-about-us #gp-left-column,
body.page-template-page-about-us #gp-content {
  width: 100% !important; float: none !important;
  background: transparent !important; padding: 0 !important;
}
.xmc-about { font-family: 'Barlow', sans-serif; color: var(--text); max-width: 1100px; margin: 0 auto; padding: 24px 20px 40px; }

/* Hero */
.xmc-about-hero {
  background: linear-gradient(135deg, var(--navy) 0%, #163354 50%, var(--teal-dk) 100%);
  border-radius: var(--radius); padding: 44px 40px; margin-bottom: 28px;
  position: relative; overflow: hidden;
}
.xmc-about-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 22px 22px;
}
.xmc-about-hero::after {
  content: ''; position: absolute; top: -80px; right: -80px;
  width: 320px; height: 320px; border-radius: 50%;
  background: rgba(26,155,188,0.15); pointer-events: none;
}
.xmc-about-hero h1 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 44px !important; font-weight: 800 !important;
  color: #ffffff !important; text-transform: uppercase !important;
  letter-spacing: 2px !important; margin: 0 0 10px !important; line-height: 1 !important;
  position: relative !important; z-index: 2 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.4) !important; -webkit-text-fill-color: #ffffff !important;
}
.xmc-about-hero .hero-sub {
  font-size: 15px !important; color: rgba(255,255,255,0.88) !important; max-width: 620px !important;
  line-height: 1.65 !important; margin-bottom: 20px !important;
  position: relative !important; z-index: 2 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.3) !important;
}
.xmc-about-hero .hero-badges { display: flex; gap: 8px; flex-wrap: wrap; position: relative; z-index: 2; }
.xmc-about-hero .hbadge {
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.22);
  border-radius: 20px; color: rgba(255,255,255,0.9);
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: 0.8px; text-transform: uppercase; padding: 5px 14px;
}
/* Optional hero image — shown if .xmc-about-hero has a data-bg-image */
.xmc-about-hero.has-image { background-size: cover !important; background-position: center !important; }
.xmc-about-hero.has-image::before { background: rgba(13,27,62,0.75) !important; z-index: 0; }

/* Two-col layout */
.xmc-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
@media(max-width:768px){ .xmc-about-grid { grid-template-columns: 1fr; } }

/* Cards */
.xmc-about-card {
  background: var(--white); border: 1px solid var(--border);
  border-top: 4px solid var(--teal);
  border-radius: 0 0 var(--radius) var(--radius);
  padding: 22px 26px; box-shadow: var(--shadow);
}
.xmc-about-card.full-width { grid-column: 1 / -1; }
.xmc-about-card h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 19px !important; font-weight: 800 !important;
  color: var(--navy) !important; text-transform: uppercase !important;
  letter-spacing: 1px !important; margin: 0 0 14px !important;
  padding-bottom: 10px !important; border-bottom: 2px solid var(--teal) !important;
  display: flex; align-items: center; gap: 8px;
}
.xmc-about-card p { font-size: 14px !important; color: var(--text) !important; line-height: 1.75 !important; margin-bottom: 10px !important; }
.xmc-about-card ul { padding: 0 !important; list-style: none !important; margin: 0 !important; }
.xmc-about-card ul li {
  padding: 7px 0 7px 22px !important; position: relative !important;
  border-bottom: 1px solid var(--border) !important; font-size: 14px !important;
  color: var(--text) !important; line-height: 1.5 !important;
}
.xmc-about-card ul li:last-child { border-bottom: none !important; }
.xmc-about-card ul li::before { content: '▸'; position: absolute; left: 0; color: var(--teal); font-size: 11px; top: 9px; }

/* Strategy items */
.strategy-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--border); align-items: flex-start; }
.strategy-item:last-child { border-bottom: none; }
.strategy-badge {
  background: var(--navy); color: #fff; border-radius: 5px; padding: 3px 10px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.8px; white-space: nowrap; flex-shrink: 0;
}
.strategy-text { font-size: 13px; color: var(--text); line-height: 1.6; }

/* Ethics */
.xmc-ethics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.xmc-ethics-item { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border); }
.xmc-ethics-item:last-child { border-bottom: none; }
.ethics-icon { width: 30px; height: 30px; border-radius: 7px; background: var(--teal-lt); display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0; }
.ethics-label { font-size: 13px; font-weight: 700; color: var(--navy); }
.ethics-desc  { font-size: 11px; color: var(--muted); margin-top: 1px; }

/* Offices */
.xmc-offices { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:600px){ .xmc-offices { grid-template-columns: 1fr; } }
.office-card { background: var(--page-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; display: flex; gap: 12px; align-items: flex-start; }
.office-flag { font-size: 26px; flex-shrink: 0; line-height: 1; margin-top: 2px; }
.office-info h3 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 14px !important; font-weight: 800 !important; color: var(--navy) !important; text-transform: uppercase !important; margin: 0 0 4px !important; }
.office-info p { font-size: 12px !important; color: var(--muted) !important; margin: 2px 0 !important; line-height: 1.5 !important; }
.office-info a { color: var(--teal) !important; }

/* Contact form */
.xmc-contact-form label { font-size: 11px; font-weight: 700; color: var(--text); display: block; margin-bottom: 4px; letter-spacing: .5px; text-transform: uppercase; }
.xmc-contact-form input[type="text"],
.xmc-contact-form input[type="email"],
.xmc-contact-form textarea {
  width: 100%; background: var(--page-bg) !important; border: 1px solid var(--border) !important;
  border-radius: 7px !important; color: var(--text) !important;
  font-family: 'Barlow', sans-serif !important; font-size: 13px !important;
  padding: 10px 14px !important; margin-bottom: 12px !important; display: block;
  transition: border-color .2s !important;
}
.xmc-contact-form input:focus, .xmc-contact-form textarea:focus { border-color: var(--teal) !important; outline: none !important; }
.xmc-contact-form textarea { min-height: 110px; resize: vertical; }
.xmc-contact-form input[type="submit"] {
  background: var(--teal) !important; color: #fff !important; border: none !important;
  border-radius: 7px !important; font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important; font-weight: 800 !important; text-transform: uppercase !important;
  letter-spacing: 1px !important; padding: 12px 32px !important; cursor: pointer !important;
  transition: background .2s !important;
}
.xmc-contact-form input[type="submit"]:hover { background: var(--teal-dk) !important; }
/* CF7 */
.wpcf7-form label { font-size:11px;font-weight:700;color:var(--text);display:block;margin-bottom:4px;letter-spacing:.5px;text-transform:uppercase; }
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form textarea { width:100%;background:var(--page-bg)!important;border:1px solid var(--border)!important;border-radius:7px!important;color:var(--text)!important;font-size:13px!important;padding:10px 14px!important;margin-bottom:12px!important;display:block; }
.wpcf7-form input[type="submit"] { background:var(--teal)!important;color:#fff!important;border:none!important;border-radius:7px!important;font-family:'Barlow Condensed',sans-serif!important;font-size:15px!important;font-weight:800!important;padding:11px 30px!important;cursor:pointer!important; }



/* ═══════════════════════════════════════════════════════════════
   ABOUT US — REDESIGN  (.xau-*)
═══════════════════════════════════════════════════════════════ */
body.page-template-page-about-us #gp-content,
body.page-template-page-about-us #gp-inner-container { width:100% !important; float:none !important; max-width:none !important; padding:0 !important; }

.xau-wrap { font-family:'Barlow',sans-serif; color:var(--text); }

/* Shared buttons */
.xau-btn { display:inline-flex; align-items:center; gap:6px; padding:13px 28px; border-radius:8px; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; text-decoration:none; transition:all .2s; }
.xau-btn-teal { background:var(--teal); color:#fff !important; }
.xau-btn-teal:hover { background:var(--teal-dk); color:#fff !important; }
.xau-btn-outline { border:2px solid rgba(255,255,255,.45); color:#fff !important; background:transparent; }
.xau-btn-outline:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.7); }
.xau-btn-white { background:#fff; color:var(--navy) !important; }
.xau-btn-white:hover { background:#e8f0fe; }

/* Section scaffold */
.xau-section { max-width:1140px; margin:0 auto; padding:64px 24px; }
.xau-section-label { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; color:var(--teal); text-transform:uppercase; letter-spacing:2px; margin-bottom:10px; }
.xau-section-title { font-family:'Barlow Condensed',sans-serif !important; font-size:clamp(26px,4vw,40px) !important; font-weight:800 !important; color:var(--navy) !important; margin:0 0 40px !important; line-height:1.15 !important; }

/* ── HERO ── */
.xau-hero { background:linear-gradient(135deg,#0a1628 0%,#0d1b3e 45%,#0f2d4a 70%,#0d2a3a 100%); padding:72px 24px 0; position:relative; overflow:hidden; }
.xau-hero::before { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px); background-size:22px 22px; pointer-events:none; }
.xau-hero::after { content:''; position:absolute; top:-120px; right:-120px; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(26,155,188,.18),transparent 70%); pointer-events:none; }
.xau-hero-inner { max-width:1140px; margin:0 auto; position:relative; z-index:2; }
.xau-hero-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; color:var(--teal) !important; text-transform:uppercase; letter-spacing:3px; margin-bottom:16px; }
.xau-hero-h1 { font-family:'Barlow Condensed',sans-serif !important; font-size:clamp(36px,6vw,68px) !important; font-weight:900 !important; color:#fff !important; line-height:1.05 !important; margin:0 0 20px !important; }
.xau-hero-sub { font-size:clamp(14px,2vw,18px) !important; color:rgba(255,255,255,.82) !important; max-width:640px; line-height:1.7 !important; margin:0 0 28px !important; }
/* Nuclear override — Ghostpool injects color:var(--text) !important on h1/p via #gp-content */
#gp-content .xau-hero-h1,
#gp-content-wrapper .xau-hero-h1,
.xau-hero .xau-hero-h1 { color:#fff !important; }
#gp-content .xau-hero-sub,
#gp-content-wrapper .xau-hero-sub,
.xau-hero .xau-hero-sub,
.xau-hero p { color:rgba(255,255,255,.85) !important; }
.xau-hero-tags { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:32px; }
.xau-hero-tags span { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); color:#fff !important; border-radius:20px; padding:6px 14px; font-size:13px; font-weight:500; }
.xau-hero-cta { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:60px; }
/* Stat bar */
.xau-hero-grid { max-width:1140px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); margin-top:0; }
.xau-hero-stat { padding:28px 24px; border-right:1px solid rgba(255,255,255,.08); text-align:center; }
.xau-hero-stat:last-child { border-right:none; }
.xau-hero-stat-n { display:block; font-family:'Barlow Condensed',sans-serif; font-size:36px; font-weight:900; color:#fff !important; line-height:1; }
.xau-hero-stat-l { display:block; font-size:12px; color:rgba(255,255,255,.55) !important; margin-top:4px; text-transform:uppercase; letter-spacing:1px; }

/* ── MISSION ── */
.xau-mission { background:linear-gradient(135deg,var(--teal),#0d8aa0); padding:48px 24px; }
.xau-mission-inner { max-width:1140px; margin:0 auto; display:flex; gap:24px; align-items:flex-start; }
.xau-mission-icon { font-size:48px; flex-shrink:0; }
.xau-mission-text h2 { font-family:'Barlow Condensed',sans-serif !important; font-size:28px !important; font-weight:800 !important; color:#fff !important; margin:0 0 10px !important; }
.xau-mission-text p { font-size:15px !important; color:rgba(255,255,255,.9) !important; line-height:1.75 !important; margin:0 !important; }

/* ── SERVICES ── */
.xau-services-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.xau-service-card { background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px 22px; transition:transform .2s,box-shadow .2s; }
.xau-service-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,.1); }
.xau-service-icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:18px; }
.xau-service-card h3 { font-family:'Barlow Condensed',sans-serif !important; font-size:18px !important; font-weight:800 !important; color:var(--navy) !important; margin:0 0 10px !important; }
.xau-service-card p { font-size:13.5px !important; color:var(--muted) !important; line-height:1.7 !important; margin:0 !important; }

/* ── STRATEGIES ── */
.xau-strategies-section { background:var(--page-bg); }
.xau-strat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.xau-strat-card { background:#fff; border:1px solid var(--border); border-radius:14px; padding:28px 22px; }
.xau-strat-num { font-family:'Barlow Condensed',sans-serif; font-size:48px; font-weight:900; color:rgba(26,155,188,.12); line-height:1; margin-bottom:12px; }
.xau-strat-badge { display:inline-block; color:#fff !important; border-radius:6px; padding:5px 12px; font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:14px; }
.xau-strat-card p { font-size:13.5px !important; color:var(--muted) !important; line-height:1.7 !important; margin:0 !important; }

/* ── WHO / PEOPLE ── */
.xau-two-col { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.xau-prose-card { background:#fff; border:1px solid var(--border); border-radius:14px; padding:32px 28px; }
.xau-prose-icon { font-size:36px; margin-bottom:16px; }
.xau-prose-card h3 { font-family:'Barlow Condensed',sans-serif !important; font-size:24px !important; font-weight:800 !important; color:var(--navy) !important; margin:0 0 14px !important; }
.xau-prose-card p { font-size:14px !important; color:var(--text) !important; line-height:1.75 !important; margin:0 0 12px !important; }
.xau-team-list { list-style:none !important; padding:0 !important; margin:12px 0 !important; display:flex; flex-direction:column; gap:8px; }
.xau-team-list li { display:flex; align-items:center; gap:10px; font-size:13.5px !important; color:var(--text) !important; }
.xau-role-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }

/* ── VALUES ── */
.xau-values-section { background:var(--page-bg); }
.xau-values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.xau-value-card { background:#fff; border:1px solid var(--border); border-radius:12px; padding:22px 18px; }
.xau-value-icon { font-size:28px; margin-bottom:10px; }
.xau-value-name { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:800; color:var(--navy) !important; margin-bottom:6px; }
.xau-value-desc { font-size:12.5px; color:var(--muted) !important; line-height:1.6; }

/* ── OFFICES ── */
.xau-offices-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.xau-office-card { background:#fff; border:1px solid var(--border); border-radius:16px; padding:32px 28px; }
.xau-office-hq { border-color:var(--teal); box-shadow:0 0 0 1px rgba(26,155,188,.2), 0 8px 24px rgba(26,155,188,.08); }
.xau-office-top { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.xau-office-flag { font-size:36px; line-height:1; }
.xau-office-badge { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:1px; background:var(--teal); color:#fff !important; padding:3px 10px; border-radius:20px; }
.xau-badge-alt { background:var(--navy); }
.xau-office-card h3 { font-family:'Barlow Condensed',sans-serif !important; font-size:22px !important; font-weight:800 !important; color:var(--navy) !important; margin:0 0 8px !important; }
.xau-office-card p { font-size:14px !important; color:var(--text) !important; line-height:1.7 !important; margin:0 0 10px !important; }
.xau-office-tel { font-size:15px; font-weight:600; color:var(--teal) !important; text-decoration:none; display:block; margin-bottom:14px; }
.xau-office-detail { font-size:12px; color:var(--muted) !important; border-top:1px solid var(--border); padding-top:12px; margin-top:4px; line-height:1.6; }

/* ── JOIN CTA ── */
.xau-cta-section { background:linear-gradient(135deg,#0a1628,#0d1b3e,#0f2d4a); padding:80px 24px; text-align:center; }
.xau-cta-inner { max-width:680px; margin:0 auto; }
.xau-cta-section h2 { font-family:'Barlow Condensed',sans-serif !important; font-size:clamp(28px,4vw,44px) !important; font-weight:900 !important; color:#fff !important; margin:0 0 16px !important; }
.xau-cta-section p { font-size:16px !important; color:rgba(255,255,255,.8) !important; line-height:1.7 !important; margin:0 0 36px !important; }
.xau-cta-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

/* ── CONTACT ── */
.xau-contact-wrap { display:grid; grid-template-columns:1fr 1.6fr; gap:40px; align-items:start; }
.xau-contact-info { display:flex; flex-direction:column; gap:20px; }
.xau-contact-row { display:flex; gap:14px; align-items:flex-start; }
.xau-ci-icon { width:40px; height:40px; border-radius:10px; background:var(--teal-lt); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.xau-contact-row strong { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--navy) !important; display:block; margin-bottom:2px; }
.xau-contact-row a, .xau-contact-row p { font-size:14px !important; color:var(--text) !important; text-decoration:none; line-height:1.6; margin:0; }
.xau-contact-row a:hover { color:var(--teal) !important; }
/* Plain contact form */
.xau-plain-form { display:flex; flex-direction:column; gap:12px; }
.xau-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.xau-plain-form input, .xau-plain-form textarea {
  width:100%; padding:11px 14px; border:1px solid var(--border); border-radius:9px;
  font-family:'Barlow',sans-serif; font-size:14px; color:var(--text);
  background:var(--page-bg); box-sizing:border-box; transition:border-color .2s;
}
.xau-plain-form input:focus, .xau-plain-form textarea:focus { border-color:var(--teal); outline:none; }
.xau-plain-form textarea { resize:vertical; }
.xau-plain-form button {
  background:var(--teal); color:#fff; border:none; border-radius:9px; padding:13px 28px;
  font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800;
  text-transform:uppercase; letter-spacing:.8px; cursor:pointer; transition:background .2s; align-self:flex-start;
}
.xau-plain-form button:hover { background:var(--teal-dk); }

/* ── Responsive ── */
@media (max-width: 1024px) {
  .xau-services-grid, .xau-strat-grid { grid-template-columns:1fr 1fr; }
  .xau-values-grid { grid-template-columns:repeat(2,1fr); }
  .xau-hero-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 768px) {
  .xau-two-col, .xau-offices-grid, .xau-contact-wrap { grid-template-columns:1fr; }
  .xau-mission-inner { flex-direction:column; gap:16px; }
  .xau-hero-cta { flex-direction:column; }
  .xau-form-row { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
  .xau-services-grid, .xau-strat-grid { grid-template-columns:1fr; }
  .xau-values-grid { grid-template-columns:1fr 1fr; }
  .xau-hero-grid { grid-template-columns:1fr 1fr; }
}


/* ═══════════════════════════════════════════════════════════════
   ANALYSIS PAGE
═══════════════════════════════════════════════════════════════ */
body.page-template-page-analysis { background: var(--page-bg) !important; }
body.page-template-page-analysis #gp-content,
body.page-template-page-analysis #gp-left-column { width: 100% !important; float: none !important; padding: 0 !important; }

.xmc-analysis-wrap { max-width: 1100px; margin: 0 auto; padding: 24px 20px 48px; }

/* Hero */
.xan-hero {
  background: linear-gradient(135deg, var(--navy) 0%, #163354 55%, var(--teal-dk) 100%);
  border-radius: var(--radius); padding: 32px 36px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; margin-bottom: 24px;
  position: relative; overflow: hidden;
}
.xan-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 20px 20px;
}
.xan-hero-label {
  font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,0.7);
  margin-bottom: 8px; position: relative; z-index: 1;
}
.xan-hero h1 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 38px !important; font-weight: 800 !important;
  color: #ffffff !important; text-transform: uppercase !important;
  letter-spacing: 2px !important; margin: 0 0 8px !important;
  line-height: 1 !important; position: relative; z-index: 1;
  -webkit-text-fill-color: #ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}
.xan-hero p { font-size: 14px !important; color: #fff !important; max-width: 500px; line-height: 1.6; position: relative; z-index: 1; margin: 0; }
.xan-hero-stats { display: flex; align-items: center; gap: 0; flex-shrink: 0; position: relative; z-index: 1; }
.xan-stat { text-align: center; padding: 0 24px; }
.xan-stat-val { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 26px; font-weight: 800; color: #fff; }
.xan-stat-lbl { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.5); margin-top: 2px; }
.xan-stat-div { width: 1px; height: 40px; background: rgba(255,255,255,0.15); }
@media(max-width:768px){ .xan-hero { flex-direction: column; } .xan-hero-stats { width: 100%; justify-content: center; } }

/* Tabs bar */
.xan-tabs-bar {
  display: flex; gap: 6px; margin-bottom: 20px;
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 6px;
  overflow-x: auto; scrollbar-width: none;
}
.xan-tab {
  display: flex; align-items: center; gap: 7px;
  padding: 10px 18px; border-radius: 8px;
  border: none; background: transparent; cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 700; letter-spacing: 0.8px;
  text-transform: uppercase; color: var(--muted);
  transition: all 0.2s; white-space: nowrap; flex-shrink: 0;
}
.xan-tab:hover { background: var(--page-bg); color: var(--navy); }
.xan-tab.active { background: var(--navy); color: #fff; }
.xan-tab-icon { font-size: 15px; }

/* Panels */
.xan-panel { display: none; }
.xan-panel.active { display: block; }

.xan-panel-header {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; margin-bottom: 20px;
}
.xan-panel-header h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 22px !important; font-weight: 800 !important;
  color: var(--navy) !important; text-transform: uppercase !important;
  letter-spacing: 1px !important; margin: 0 0 4px !important;
}
.xan-panel-header p { font-size: 13px; color: var(--muted); margin: 0; }
.xan-add-btn {
  background: var(--teal) !important; color: #fff !important;
  border-radius: 7px; padding: 8px 16px; flex-shrink: 0;
  font-family: 'Barlow Condensed', sans-serif; font-size: 12px;
  font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px;
  text-decoration: none !important; transition: background 0.2s;
  white-space: nowrap; margin-top: 4px;
}
.xan-add-btn:hover { background: var(--teal-dk) !important; }

/* Cards grid */
/* ── Analysis LIST (blog-style, no images) ── */
.xan-list { display: flex; flex-direction: column; gap: 0; }
.xan-row {
  display: flex; align-items: flex-start; gap: 0;
  background: var(--white); border: 1px solid var(--border); border-top: none;
  text-decoration: none !important; color: inherit !important;
  padding: 0; transition: background 0.15s;
}
.xan-list .xan-row:first-child { border-top: 1px solid var(--border); border-radius: var(--radius) var(--radius) 0 0; }
.xan-list .xan-row:last-child  { border-radius: 0 0 var(--radius) var(--radius); }
.xan-row:hover { background: var(--teal-lt); }
.xan-row-date {
  flex-shrink: 0; width: 58px; background: var(--navy); padding: 14px 8px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-right: 3px solid var(--teal); min-height: 72px;
}
.xan-rd-day { font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 800; color: #fff; line-height: 1; }
.xan-rd-mon { font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--teal); margin-top: 2px; }
.xan-rd-yr  { font-size: 9px; color: rgba(255,255,255,0.45); margin-top: 1px; }
.xan-row-icon { flex-shrink: 0; width: 44px; display: flex; align-items: center; justify-content: center; font-size: 20px; border-right: 1px solid var(--border); }
.xan-row-body { flex: 1; padding: 12px 16px; min-width: 0; }
.xan-row-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 5px; flex-wrap: wrap; }
.xan-row-title { font-family: 'Barlow Condensed', sans-serif; font-size: 16px; font-weight: 800; color: var(--navy); line-height: 1.2; margin-bottom: 4px; }
.xan-row:hover .xan-row-title { color: var(--teal); }
.xan-row-excerpt { font-size: 12px; color: var(--muted); line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xan-row-arrow { flex-shrink: 0; width: 36px; display: flex; align-items: center; justify-content: center; color: var(--teal); font-size: 16px; font-weight: 700; opacity: 0.4; transition: opacity 0.2s; }
.xan-row:hover .xan-row-arrow { opacity: 1; }

/* Legacy grid cards (kept in case used elsewhere) */
.xan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.xan-card { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; text-decoration: none !important; box-shadow: var(--shadow); transition: transform 0.2s; position: relative; }
.xan-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.xan-card-body { padding: 14px 16px; flex: 1; }
.xan-card-meta { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
.xan-card-body h3 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 17px !important; font-weight: 800 !important; color: var(--navy) !important; margin: 0 0 6px !important; }
.xan-card-body p { font-size: 12px !important; color: var(--muted) !important; margin: 0 !important; line-height: 1.5 !important; }
.xan-card-arrow { position: absolute; bottom: 14px; right: 16px; color: var(--teal); font-size: 16px; font-weight: 700; opacity: 0; transition: opacity 0.2s, transform 0.2s; transform: translateX(-4px); }
.xan-card:hover .xan-card-arrow { opacity: 1; transform: translateX(0); }

/* Badges + signals */
.xan-badge {
  background: var(--teal-lt); color: var(--teal-dk);
  border-radius: 4px; font-size: 10px; font-weight: 800;
  letter-spacing: 1px; text-transform: uppercase; padding: 2px 7px;
}
.xan-date { font-size: 11px; color: var(--muted); margin-left: auto; }
.xan-signal { border-radius: 4px; font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; padding: 2px 7px; }
.xan-signal-bullish, .xan-signal-buy, .xan-signal-long { background: rgba(34,197,94,0.12); color: #15803d; }
.xan-signal-bearish, .xan-signal-sell, .xan-signal-short { background: rgba(239,68,68,0.12); color: #b91c1c; }
.xan-signal-neutral, .xan-signal-hold, .xan-signal-watch { background: rgba(245,158,11,0.12); color: #b45309; }

/* Daily Outlook list */
.xan-outlook-list { display: flex; flex-direction: column; gap: 10px; }
.xan-outlook-item {
  display: flex; align-items: center; gap: 16px;
  background: var(--white); border: 1px solid var(--border);
  border-left: 4px solid var(--teal);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 14px 16px; text-decoration: none !important;
  box-shadow: var(--shadow); transition: transform 0.15s, box-shadow 0.15s;
}
.xan-outlook-item:hover { transform: translateX(4px); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.xan-outlook-date {
  text-align: center; flex-shrink: 0;
  background: var(--navy); border-radius: 8px;
  padding: 8px 12px; min-width: 50px;
}
.od-day { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 22px; font-weight: 800; color: #fff; line-height: 1; }
.od-mon { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--teal); margin-top: 2px; }
.xan-outlook-body { flex: 1; min-width: 0; }
.xan-outlook-body h3 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 16px !important; font-weight: 800 !important; color: var(--navy) !important; margin: 0 0 3px !important; }
.xan-outlook-body p { font-size: 12px !important; color: var(--muted) !important; margin: 0 !important; }
.xan-outlook-item .xan-card-arrow { position: static; opacity: 0.4; transform: none; transition: opacity 0.2s; }
.xan-outlook-item:hover .xan-card-arrow { opacity: 1; }

/* Empty state */
.xan-empty {
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 52px 24px; text-align: center;
}
.xan-empty-icon { font-size: 44px; margin-bottom: 12px; }
.xan-empty h3 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 20px !important; font-weight: 800 !important; color: var(--navy) !important; text-transform: uppercase !important; margin: 0 0 8px !important; }
.xan-empty p { font-size: 13px; color: var(--muted); max-width: 400px; margin: 0 auto 16px; line-height: 1.6; }



/* ── SINGLE ANALYSIS POST ── */
.xan-single-wrap { max-width: 820px; margin: 0 auto; padding: 24px 20px 48px; }
.xan-back a { font-size: 13px; color: var(--teal); text-decoration: none; font-weight: 600; display: inline-block; margin-bottom: 18px; }
.xan-back a:hover { color: var(--teal-dk); }
.xan-single-header { background: var(--navy); border-radius: var(--radius) var(--radius) 0 0; padding: 28px 32px 24px; margin-bottom: 0; }
.xan-single-cat { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.1); border-radius: 20px; padding: 4px 12px; font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.8); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; }
.xan-single-cat-icon { font-size: 14px; }
.xan-single-header .xan-badge,
.xan-single-header .xan-signal { display: inline-block; margin-bottom: 8px; margin-left: 4px; }
.xan-single-header h1 { font-family: 'Barlow Condensed', sans-serif !important; font-size: 28px !important; font-weight: 800 !important; color: #fff !important; background: transparent !important; background-color: transparent !important; margin: 8px 0 12px !important; line-height: 1.2 !important; padding: 0 !important; border: none !important; text-transform: none !important; }
.xan-single-meta { display: flex; gap: 16px; font-size: 12px; color: rgba(255,255,255,0.6); flex-wrap: wrap; }
.xan-single-content { background: var(--white); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); padding: 28px 32px; margin-bottom: 20px; }
.xan-single-content p { font-size: 14px !important; line-height: 1.8 !important; color: var(--text) !important; margin-bottom: 16px !important; }
.xan-single-content h2, .xan-single-content h3 { font-family: 'Barlow Condensed', sans-serif !important; color: var(--navy) !important; margin: 24px 0 10px !important; }
.xan-post-nav { display: flex; justify-content: space-between; gap: 16px; margin-top: 8px; }
.xan-nav-prev, .xan-nav-next { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 20px; text-decoration: none !important; flex: 1; transition: border-color 0.2s; }
.xan-nav-prev:hover, .xan-nav-next:hover { border-color: var(--teal); }
.xan-nav-next { text-align: right; }
.xan-nav-dir { display: block; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--teal); margin-bottom: 4px; }
.xan-nav-title { display: block; font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; color: var(--navy); line-height: 1.2; }

/* ── HERO TEXT WHITE — nuclear override ── */
.xmc-about-hero h1,
.xmc-about-hero h1 *,
.xmc-about-hero .hero-sub,
.xan-hero h1,
.xan-hero h1 *,
.xan-hero p,
.xan-hero-label {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── Force white text in About + Analysis heroes ── */
.xmc-about-hero *,
.xmc-about-hero h1,
.xmc-about-hero p,
.xmc-about-hero span,
.xmc-about-hero .hero-sub,
.xmc-about-hero .hbadge {
  color: #fff !important;
}
.xan-hero *,
.xan-hero h1,
.xan-hero p,
.xan-hero span,
.xan-hero .xan-hero-label,
.xan-hero .xan-stat-val,
.xan-hero .xan-stat-lbl,
.xan-hero-left p {
  color: #fff !important;
}
.xan-hero .xan-hero-label { color: var(--teal) !important; }
.xan-stat-lbl { color: rgba(255,255,255,0.6) !important; }
.xan-add-btn,
.xan-add-btn:hover,
.xan-add-btn:visited { color: #fff !important; }


/* ═══════════════════════════════════════════════════════════════
   GROUPS DIRECTORY PAGE — proper layout
   body.bp-is-buddypress.groups
═══════════════════════════════════════════════════════════════ */

/* Full width, no sidebar */
body.groups #gp-left-column,
body.bp-is-buddypress.groups #gp-left-column { width: 100% !important; float: none !important; }
body.groups .gp-sidebar,
body.bp-is-buddypress.groups .gp-sidebar { display: none !important; }

/* Page hero banner */
body.groups #gp-content::before,
body.bp-is-buddypress.groups #gp-content::before {
  content: '';
  display: block;
  background: linear-gradient(135deg, var(--navy) 0%, #163354 55%, var(--teal-dk) 100%);
  border-radius: var(--radius);
  height: 110px;
  margin-bottom: 24px;
  position: relative;
}

/* Page title */
body.groups #gp-content > h2:first-of-type,
body.bp-is-buddypress.groups #buddypress h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 28px !important; font-weight: 800 !important;
  color: var(--navy) !important; text-transform: uppercase !important;
  letter-spacing: 1.5px !important; margin-bottom: 20px !important;
}

/* Count text */
#buddypress .bp-feedback,
#buddypress .groups-count,
#buddypress p.bp-feedback { font-size: 12px !important; color: var(--muted) !important; margin-bottom: 16px !important; }

/* ── Search + filter bar ── */
#buddypress .dir-search,
#buddypress #groups-dir-search {
  display: flex !important; align-items: center !important;
  gap: 8px !important; margin-bottom: 20px !important;
  flex-wrap: wrap !important;
}
#buddypress .dir-search input[type="search"],
#buddypress .dir-search input[type="text"],
#buddypress #groups-dir-search input {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 22px !important; color: var(--text) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important; padding: 9px 18px !important;
  min-width: 220px !important; flex: 1 !important;
}
#buddypress .dir-search input[type="submit"] {
  background: var(--teal) !important; color: #fff !important;
  border: none !important; border-radius: 22px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 12px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  padding: 9px 20px !important; cursor: pointer !important;
}

/* ── "Viewing X-Y of Z groups" count ── */
#buddypress #groups-list-options { margin-bottom: 16px !important; }
#buddypress .bp-feedback span,
#buddypress span.ajax-loading { display: none !important; }

/* ── Groups grid using Socialize's actual classes ── */
#buddypress #groups-list.item-list,
.gp-theme #buddypress #groups-list.item-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 20px !important;
  list-style: none !important;
  margin: 0 !important; padding: 0 !important;
  overflow: visible !important; float: none !important; width: 100% !important;
}

/* ── Kill ALL Socialize float/width rules on group items ── */
.gp-theme #buddypress #groups-list.item-list li,
.gp-theme.gp-no-sidebar #buddypress #groups-list.item-list li,
.gp-theme.gp-fullwidth #buddypress #groups-list.item-list li,
.gp-theme.gp-left-sidebar #buddypress #groups-list.item-list li,
.gp-theme.gp-right-sidebar #buddypress #groups-list.item-list li,
.gp-theme.gp-no-sidebar #buddypress #groups-list.item-list li:nth-of-type(5n),
.gp-theme.gp-fullwidth #buddypress #groups-list.item-list li:nth-of-type(5n),
.gp-theme.gp-no-sidebar #buddypress #groups-list.item-list li:nth-of-type(5n+1),
.gp-theme.gp-fullwidth #buddypress #groups-list.item-list li:nth-of-type(5n+1),
.gp-theme.gp-left-sidebar #buddypress #groups-list.item-list li:nth-of-type(2n),
.gp-theme.gp-right-sidebar #buddypress #groups-list.item-list li:nth-of-type(2n),
.gp-left-sidebar #buddypress #groups-list.item-list li:nth-of-type(2n+1),
.gp-right-sidebar #buddypress #groups-list.item-list li:nth-of-type(2n+1) {
  float: none !important; clear: none !important;
  width: 100% !important; /* grid handles sizing */
  margin: 0 !important;
}

/* ── Card design ── */
#buddypress #groups-list.item-list li {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-top: 4px solid var(--teal) !important;
  border-radius: 0 0 var(--radius) var(--radius) !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important; padding: 0 !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  display: flex !important; flex-direction: column !important;
}
#buddypress #groups-list.item-list li:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

/* gp-group-box = Socialize's inner wrapper */
#buddypress #groups-list.item-list li .gp-group-box {
  width: 100% !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; flex: 1 !important;
}

/* Avatar area — gradient banner with initials */
#buddypress #groups-list.item-list li .item-avatar,
.gp-theme #buddypress #groups-list.item-list li .item-avatar {
  width: 100% !important; margin: 0 !important; padding: 0 !important;
  overflow: hidden !important; position: relative !important;
}
#buddypress #groups-list.item-list li .item-avatar a {
  display: flex !important;
  align-items: center !important; justify-content: center !important;
  width: 100% !important; height: 88px !important;
  background: linear-gradient(135deg, var(--navy), var(--teal-dk)) !important;
  text-decoration: none !important;
}
/* Hide actual avatar image */
#buddypress #groups-list.item-list li .item-avatar a img,
.gp-theme #buddypress #groups-list.item-list li img.avatar {
  display: none !important;
}
/* Initials — JS sets data-initial */
#buddypress #groups-list.item-list li .item-avatar a::after {
  content: attr(data-initial) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 32px !important; font-weight: 800 !important;
  color: #fff !important; letter-spacing: 3px !important; text-transform: uppercase !important;
}

/* Card body */
#buddypress #groups-list.item-list li div.item-title,
.gp-theme #buddypress #groups-list.item-list li div.item-title {
  width: 100% !important; padding: 12px 14px 4px !important;
}
#buddypress #groups-list.item-list li .item-title a {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important; font-weight: 800 !important;
  color: var(--navy) !important; text-transform: uppercase !important;
  letter-spacing: 0.5px !important; text-decoration: none !important; display: block !important;
}
#buddypress #groups-list.item-list li .item-title a:hover { color: var(--teal) !important; }

#buddypress #groups-list.item-list li .meta,
.gp-theme #buddypress #groups-list.item-list li .meta,
#buddypress #groups-list.item-list li p.last-activity {
  font-size: 11px !important; color: var(--muted) !important;
  margin: 3px 0 !important; padding: 0 14px !important; line-height: 1.4 !important;
}

/* Privacy badge */
#buddypress #groups-list.item-list li .meta::before {
  display: none !important; /* we use the text as-is */
}

/* Action button */
#buddypress #groups-list.item-list li div.action,
.gp-theme #buddypress #groups-list.item-list li div.action {
  padding: 8px 14px 12px !important;
  position: static !important; top: auto !important;
  bottom: auto !important; right: auto !important;
  margin-top: auto !important;
}
#buddypress #groups-list.item-list li .action a,
.gp-groups-list .group-button a {
  background: var(--navy) !important; border: none !important;
  border-radius: 6px !important; color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  padding: 6px 14px !important; text-decoration: none !important;
  display: inline-block !important; cursor: pointer !important;
  transition: background 0.2s !important;
}
#buddypress #groups-list.item-list li .action a:hover { background: var(--teal-dk) !important; color: #fff !important; }


/* ═══════════════════════════════════════════════════
   LIVE DESK FIXES — tabs visible, input dark
═══════════════════════════════════════════════════ */

/* Force tabs bar to show and not collapse */
.xld-tabs-bar {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  height: auto !important;
  background: #040810 !important;
  border-bottom: 1px solid rgba(26,155,188,0.25) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  flex-shrink: 0 !important;
  padding: 0 6px !important;
  gap: 2px !important;
  position: relative !important;
  z-index: 10 !important;
  width: 100% !important;
}
.xld-tabs-bar::-webkit-scrollbar { display: none !important; }

/* Each tab — must be visible */
.xld-tab {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  background: none !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  white-space: nowrap !important; flex-shrink: 0 !important;
  opacity: 1 !important; visibility: visible !important;
  min-width: 0 !important; height: auto !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.xld-tab:hover { color: rgba(255,255,255,0.9) !important; }
.xld-tab.active {
  color: #fff !important;
  border-bottom-color: var(--teal) !important;
}
.xld-tab-av {
  width: 20px !important; height: 20px !important;
  border-radius: 5px !important;
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  font-size: 9px !important; font-weight: 800 !important;
  color: #fff !important; flex-shrink: 0 !important;
}
.xld-tab-name {
  display: inline !important;
  color: inherit !important;
}

/* Chat input — DARK background, white text */
.xld-input-area {
  background: #0a1628 !important;
  border-top: 1px solid rgba(26,155,188,0.2) !important;
  padding: 10px 16px 14px !important;
  flex-shrink: 0 !important;
}
.xld-input {
  flex: 1 !important;
  background: #162037 !important;
  border: 1px solid rgba(26,155,188,0.4) !important;
  border-radius: 22px !important;
  color: #ffffff !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  outline: none !important;
  caret-color: var(--teal) !important;
  -webkit-text-fill-color: #fff !important;
}
.xld-input::placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
}
.xld-input:focus {
  border-color: var(--teal) !important;
  background: #1a2a45 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* Kill any theme white-bg override on inputs inside live desk */
.page-template-page-live-desk .xld-input,
body.page-template-page-live-desk input[type="text"],
body.page-template-page-live-desk textarea {
  background: #162037 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ═══════════════════════════════════════════════════
   LIVE DESK — DEFINITIVE LAYOUT FIX
   Tabs were invisible because container height calc
   was cutting off the top, and overflow:hidden clipping
═══════════════════════════════════════════════════ */

/* Full page live desk container */
body.page-template-page-live-desk .xmc-live-desk {
  height: calc(100vh - 114px) !important; /* admin bar 32px + header ~82px */
  max-height: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-top: 1px solid rgba(26,155,188,0.2) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #080f1f !important;
}
/* Without admin bar */
body.page-template-page-live-desk:not(.admin-bar) .xmc-live-desk {
  height: calc(100vh - 82px) !important;
}
/* With admin bar logged in */
body.page-template-page-live-desk.admin-bar .xmc-live-desk {
  height: calc(100vh - 114px) !important;
}

/* Tabs bar — MUST be first child, always visible */
.xmc-live-desk .xld-tabs-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  background: #040810 !important;
  border-bottom: 1px solid rgba(26,155,188,0.25) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  padding: 0 8px !important;
  gap: 2px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Messages area fills remaining space */
.xmc-live-desk .xld-messages-wrap {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}

/* Input area always at bottom */
.xmc-live-desk .xld-input-area {
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

/* Each tab button */
.xmc-live-desk .xld-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  height: 48px !important;
  line-height: 48px !important;
  cursor: pointer !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  color: rgba(255,255,255,0.5) !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  white-space: nowrap !important; flex-shrink: 0 !important;
  opacity: 1 !important; visibility: visible !important;
  box-sizing: border-box !important;
  transition: color 0.2s, border-color 0.2s !important;
  margin-bottom: -0px !important;
}
.xmc-live-desk .xld-tab:hover { color: rgba(255,255,255,0.9) !important; }
.xmc-live-desk .xld-tab.active {
  color: #fff !important;
  border-bottom-color: var(--teal) !important;
}
.xmc-live-desk .xld-tab-av {
  width: 18px !important; height: 18px !important;
  border-radius: 4px !important;
  display: inline-flex !important; align-items: center !important;
  justify-content: center !important;
  font-size: 8px !important; font-weight: 800 !important;
  color: #fff !important; flex-shrink: 0 !important;
}
.xmc-live-desk .xld-tab-name { display: inline !important; }

/* Input */
.xmc-live-desk .xld-input {
  background: #162037 !important;
  border: 1px solid rgba(26,155,188,0.4) !important;
  border-radius: 22px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: var(--teal) !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
}
.xmc-live-desk .xld-input::placeholder {
  color: rgba(255,255,255,0.3) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.3) !important;
}
.xmc-live-desk .xld-input:focus {
  background: #1c2d4a !important;
  border-color: var(--teal) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════
   LIVE DESK — template renders shortcode DIRECTLY
   after get_header(), outside all Socialize wrappers
═══════════════════════════════════════════════════ */

/* Hide Socialize wrappers that get_header adds */
body.page-template-page-live-desk #gp-content-wrapper,
body.page-template-page-live-desk #gp-inner-container,
body.page-template-page-live-desk #gp-left-column,
body.page-template-page-live-desk #gp-content,
body.page-template-page-live-desk #gp-fixed-header-padding,
body.page-template-page-live-desk .gp-clear,
body.page-template-page-live-desk #gp-footer,
body.page-template-page-live-desk #gp-copyright {
  display: none !important;
}

/* The .xmc-live-desk div sits directly in #gp-page-wrapper */
body.page-template-page-live-desk #gp-page-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  overflow: hidden !important;
}
body.page-template-page-live-desk .xmc-live-desk {
  flex: 1 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: none !important;
  background: #080f1f !important;
}

/* Tabs bar — fixed height, never collapses */
body.page-template-page-live-desk .xld-tabs-bar {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  flex-shrink: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* Active panel fills remaining space */
body.page-template-page-live-desk .xld-panel.active {
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
body.page-template-page-live-desk .xld-messages {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
body.page-template-page-live-desk .xld-input-area {
  flex-shrink: 0 !important;
}
/* ── Signal Chat Widget ──────────────────────────────────────────────── */
.signal-chat-section { margin: 32px 0; }
.signal-chat-section h3 { font-size:18px; font-weight:700; color:var(--navy,#0d1b3e); margin-bottom:16px; }
.xmc-signal-chat { background:#f8faff; border:1px solid #e0e8f5; border-radius:12px; overflow:hidden; }
.xsc-head { display:flex; align-items:center; gap:10px; padding:14px 18px; background:var(--navy,#0d1b3e); color:#fff; }
.xsc-live-dot { width:8px;height:8px;border-radius:50%;background:#22c55e;animation:xsc-pulse 1.5s infinite; }
@keyframes xsc-pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.7;transform:scale(1.3)} }
.xsc-title { font-weight:700; font-size:14px; }
.xsc-subtitle { font-size:12px; opacity:.7; margin-left:auto; }
.xsc-messages { max-height:280px; overflow-y:auto; padding:14px 16px; display:flex; flex-direction:column; gap:10px; }
.xsc-loading,.xsc-empty { color:#888; font-size:13px; text-align:center; padding:20px 0; }
.xsc-msg { display:flex; gap:10px; align-items:flex-start; }
.xsc-msg.own { flex-direction:row-reverse; }
.xsc-av { width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a9bbc,#0d1b3e);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden; }
.xsc-av img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:2; }
.xsc-av-init { color:#fff;font-size:11px;font-weight:800;z-index:1;position:absolute; }
.xsc-msg-body { background:#fff; border:1px solid #e8eef8; border-radius:10px; padding:8px 12px; max-width:75%; position:relative; }
.xsc-msg.own .xsc-msg-body { background:linear-gradient(135deg,#0d1b3e,#1a3060); color:#fff; border-color:transparent; }
.xsc-msg-meta { display:flex; gap:8px; align-items:baseline; margin-bottom:4px; }
.xsc-name { font-size:12px; font-weight:700; color:var(--navy,#0d1b3e); }
.xsc-msg.own .xsc-name { color:#a0c8e8; }
.xsc-time { font-size:11px; color:#999; }
.xsc-text { font-size:13px; line-height:1.5; word-break:break-word; }
.xsc-del { background:none;border:none;color:#e53e3e;font-size:11px;cursor:pointer;padding:2px 6px;position:absolute;top:4px;right:4px;opacity:0; transition:opacity .2s; }
.xsc-msg-body:hover .xsc-del { opacity:1; }
.xsc-input-row { display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid #e8eef8; background:#fff; }
.xsc-input { flex:1;border:1px solid #d1dce8;border-radius:20px;padding:8px 14px;font-size:13px;outline:none; }
.xsc-input:focus { border-color:var(--teal,#1a9bbc); }
.xsc-send-btn { background:var(--navy,#0d1b3e);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0; }
.xsc-send-btn:hover { background:var(--teal,#1a9bbc); }
.xsc-login { background:#f8faff;border:1px solid #e0e8f5;border-radius:8px;padding:14px 18px;font-size:13px;color:#555; }

/* ── Blog Archive (text list, no images) ──────────────────────────────── */
.xmc-blog-archive { max-width:800px; margin:0 auto; padding:32px 0; }
.xbl-head { margin-bottom:28px; border-bottom:2px solid #e8eef8; padding-bottom:16px; }
.xbl-title { font-size:28px; font-weight:800; color:var(--navy,#0d1b3e); margin:0; }
.xbl-list { display:flex; flex-direction:column; gap:0; }
.xbl-item { padding:22px 0; border-bottom:1px solid #eef2f8; }
.xbl-item:last-child { border-bottom:none; }
.xbl-meta { font-size:12px; color:#888; display:flex; align-items:center; gap:6px; margin-bottom:8px; flex-wrap:wrap; }
.xbl-sep { color:#ccc; }
.xbl-cat { color:var(--teal,#1a9bbc); font-weight:600; }
.xbl-post-title { font-size:20px; font-weight:700; margin:0 0 10px; line-height:1.35; }
.xbl-post-title a { color:var(--navy,#0d1b3e); text-decoration:none; }
.xbl-post-title a:hover { color:var(--teal,#1a9bbc); }
.xbl-excerpt { font-size:14px; color:#555; line-height:1.65; margin-bottom:12px; }
.xbl-read-more { font-size:13px; font-weight:700; color:var(--teal,#1a9bbc); text-decoration:none; }
.xbl-read-more:hover { text-decoration:underline; }
.xbl-pagination { margin-top:32px; }
.xbl-pagination .nav-links { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.xbl-pagination .page-numbers { padding:8px 14px; border:1px solid #dde4f0; border-radius:6px; font-size:13px; color:var(--navy,#0d1b3e); text-decoration:none; }
.xbl-pagination .page-numbers.current { background:var(--navy,#0d1b3e); color:#fff; border-color:var(--navy,#0d1b3e); }
.xbl-empty { padding:40px 0; text-align:center; color:#888; font-size:15px; }

/* ── Signal Chat: freemium view-only notice ── */
.xsc-freemium-notice {
  padding: 12px 16px;
  background: #fef9e7;
  border-top: 1px solid #fde68a;
  font-size: 13px;
  color: #7d4e00;
  text-align: center;
}
.xsc-freemium-notice a { color: var(--teal); font-weight: 700; }

/* ── Analysis tabs: nuclear contrast override (beats Socialize) ── */
.xmc-analysis-wrap .xan-tabs-bar {
  background: #ffffff !important;
  border: 1px solid #dde4ea !important;
  padding: 6px !important;
}
.xmc-analysis-wrap .xan-tab {
  color: #475569 !important;
  background: transparent !important;
  border: none !important;
}
.xmc-analysis-wrap .xan-tab:hover {
  color: #0d1b3e !important;
  background: #f4f7f9 !important;
}
.xmc-analysis-wrap .xan-tab.active {
  background: #0d1b3e !important;
  color: #ffffff !important;
}
.xmc-analysis-wrap .xan-tab-icon { color: inherit !important; }
.xmc-analysis-wrap .xan-add-btn {
  background: #1a9bbc !important;
  color: #ffffff !important;
  display: inline-block !important;
}
.xmc-analysis-wrap .xan-add-btn,
.xmc-analysis-wrap .xan-add-btn:hover,
.xmc-analysis-wrap .xan-add-btn:visited,
.xmc-analysis-wrap .xan-add-btn * {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ── Single Blog Post ─────────────────────────────────────────────── */
.xmc-blog-single { max-width:780px; margin:0 auto; padding:32px 0 48px; }
.xbs-meta { display:flex; align-items:center; gap:6px; font-size:12px; color:#888; flex-wrap:wrap; margin-bottom:16px; }
.xbs-back { color:var(--teal); font-weight:700; text-decoration:none; }
.xbs-back:hover { text-decoration:underline; }
.xbs-sep { color:#ccc; }
.xbs-cat { color:var(--teal); font-weight:600; text-decoration:none; }
.xbs-title { font-size:32px; font-weight:800; color:var(--navy); line-height:1.2; margin:0 0 28px; }
.xbs-content { font-size:16px; line-height:1.8; color:var(--text); }
.xbs-content p { margin-bottom:20px; }
.xbs-content h2,.xbs-content h3 { color:var(--navy); margin:32px 0 12px; }
.xbs-nav { display:flex; justify-content:space-between; gap:16px; margin:40px 0; padding-top:24px; border-top:1px solid var(--border); flex-wrap:wrap; }
.xbs-nav-link { color:var(--teal); font-size:14px; font-weight:600; text-decoration:none; max-width:48%; }
.xbs-nav-link:hover { text-decoration:underline; }
.xbs-prev { margin-right:auto; }
.xbs-next { margin-left:auto; text-align:right; }

/* ── Mobile: analysis tabs scroll + signal chat ── */
@media (max-width: 600px) {
  .xan-tabs-bar { gap: 4px; padding: 4px; }
  .xan-tab { padding: 8px 12px; font-size: 12px; }
  .xan-tab-icon { font-size: 14px; }
  .xan-panel-header { flex-direction: column; }
  .xan-add-btn { align-self: flex-start; }
  .xan-grid { grid-template-columns: 1fr; }

  .xmc-signal-chat { font-size: 13px; }
  .xsc-messages { max-height: 200px; }
  .xsc-msg-body { max-width: 85%; }

  .xmc-blog-archive { padding: 20px 12px; }
  .xbl-post-title { font-size: 17px; }
  .xbl-title { font-size: 22px; }
}

/* ── Traders Feedback: act-btn link style ── */
.act-btn {
  font-size: 12px !important;
  color: var(--teal) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.act-btn:hover { text-decoration: underline !important; }

/* ═══════════════════════════════════════════
   XMC FOOTER
   ═══════════════════════════════════════════ */
#gp-footer.xmc-footer {
  background: var(--navy);
  border-top: 3px solid var(--teal);
  margin-top: 0;
  padding: 0;
}
.xmc-footer-inner {
  display: flex;
  align-items: flex-start;
  gap: 48px;
  padding: 40px 24px 32px;
}
.xmc-footer-brand { flex: 1.2; min-width: 0; }
.xmc-footer-logo { max-height: 44px; width: auto; }
.xmc-footer-site-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 800;
  color: #fff !important; text-decoration: none !important;
}
.xmc-footer-tagline {
  font-size: 13px !important; color: rgba(255,255,255,0.55) !important;
  line-height: 1.6 !important; margin: 10px 0 0 !important;
  max-width: 280px;
}
.xmc-footer-links {
  display: flex; gap: 40px; flex-shrink: 0;
}
.xmc-footer-col { display: flex; flex-direction: column; gap: 8px; }
.xmc-footer-col h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 800; letter-spacing: 2px;
  text-transform: uppercase; color: var(--teal) !important;
  margin: 0 0 4px !important; padding: 0 !important;
  border: none !important; background: none !important;
}
.xmc-footer-col a {
  font-size: 13px; color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important; transition: color 0.15s;
}
.xmc-footer-col a:hover { color: #fff !important; }
.xmc-footer-bottom {
  background: rgba(0,0,0,0.3);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 14px 24px;
}
.xmc-footer-bottom .gp-container {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.xmc-footer-bottom span,
.xmc-footer-bottom a {
  font-size: 12px !important;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
}
.xmc-footer-bottom a:hover { color: rgba(255,255,255,0.8) !important; }
.xmc-footer-legal { display: flex; gap: 16px; }
@media (max-width: 768px) {
  .xmc-footer-inner { flex-direction: column; gap: 24px; padding: 28px 16px 20px; }
  .xmc-footer-links { flex-wrap: wrap; gap: 24px; }
}


/* ═══════════════════════════════════════════════════════════════
   SIGNALS PAGE — banner + access filter + Ladies
═══════════════════════════════════════════════════════════════ */

/* Membership / filter banners */
.xsp-banner {
  background: linear-gradient(135deg, var(--navy), #1a2d5a);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 4px;
}
.xsp-banner a { color: rgba(255,255,255,0.7); text-decoration: none; }
.xsp-banner a:hover { color: #fff; }
.xsp-banner-btn {
  display: inline-block;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.2s;
}
.xsp-banner-btn:hover { background: rgba(255,255,255,0.28) !important; }
.xsp-banner-btn.alt { background: var(--teal); border-color: var(--teal); }
.xsp-banner-btn.alt:hover { background: var(--teal-dk) !important; }

/* Ladies badge in signals table */
.xsp-ladies-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg,#e91e8c,#9c0e5a);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
}

/* Signals table — view/upgrade links */
.xsp-view-lnk {
  color: var(--teal);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.xsp-view-lnk:hover { color: var(--teal-dk); }
.xsp-upgrade-lnk {
  color: var(--muted);
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
}
.xsp-upgrade-lnk:hover { color: var(--teal); }

/* Signal header tabs row (signals page) */
.xsp-tabs-row {
  background: var(--navy);
  display: flex;
  padding: 0 24px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  overflow-x: auto;
  scrollbar-width: none;
}
.xsp-tabs-row::-webkit-scrollbar { display: none; }

/* Hero classes used on new signals page markup */
.xsp-hero-h1 { font-family: 'Barlow Condensed',sans-serif!important; font-size:42px!important; font-weight:800!important; color:#fff!important; margin:0 0 6px!important; }
.xsp-hero-p  { color:rgba(255,255,255,0.65); font-size:14px; margin:0; }
.xsp-hero-nums { display:flex; gap:28px; }
.xsp-num { text-align:center; }
.xsp-num-v { display:block; font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:800; color:#fff; line-height:1; }
.xsp-num-l { display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,0.45); margin-top:3px; }

/* Section head/meta */
.xsp-sec-head { display:flex; align-items:center; justify-content:space-between; padding:20px 24px 12px; }
.xsp-sec-left { display:flex; align-items:center; gap:12px; }
.xsp-sec-title { font-family:'Barlow Condensed',sans-serif!important; font-size:20px!important; font-weight:800!important; color:var(--navy)!important; margin:0!important; }
.xsp-sec-meta  { font-size:12px; color:var(--muted); margin-top:2px; }
.xsp-empty { padding:24px; text-align:center; color:var(--muted); font-size:13px; }

/* Table */
.xsp-table-wrap { overflow-x:auto; margin:0 0 24px; }
.xsp-table { width:100%; border-collapse:collapse; font-size:13px; }
.xsp-table th { background:var(--navy); color:rgba(255,255,255,0.55); font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:10px 12px; text-align:left; white-space:nowrap; }
.xsp-table td { padding:12px; border-bottom:1px solid var(--border); vertical-align:middle; }
.xsp-table tr:hover td { background:#f8fafc; }
.xsp-row.row-locked td { opacity:0.6; }
.xsp-sig-name { font-weight:600; color:var(--text); }
.xsp-lock-tag { margin-left:6px; font-size:12px; }
.xsp-muted { color:var(--muted)!important; }
.xsp-entry,.xsp-sl,.xsp-tp { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; }
.xsp-hidden { color:var(--muted); letter-spacing:3px; }
.sdot { font-size:10px; }
.sdot.active  { color:var(--green); }
.sdot.expired { color:var(--muted); }
.sdot.pending { color:var(--gold); }
.sresult.win  { color:var(--green); font-weight:700; font-size:12px; }
.sresult.loss { color:var(--red);   font-weight:700; font-size:12px; }
.sresult.be   { color:var(--gold);  font-weight:700; font-size:12px; }

/* Analysis widget item (right sidebar on homepage) */
.analysis-item {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--border);
  text-decoration: none !important;
}
.analysis-item:last-child { border-bottom: none; }
.an-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.an-info { flex: 1; min-width: 0; }
.an-title { font-size: 12px; font-weight: 600; color: var(--text); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.an-meta  { font-size: 11px; color: var(--muted); margin-top: 2px; }
.analysis-item:hover .an-title { color: var(--teal); }

/* Ladies group badge on Members page */
.xmc-ladies-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg,#e91e8c,#9c0e5a);
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   BUDDYPRESS MEMBER PROFILE — clean up
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide "What's new" activity post form on member profiles */
body.bp-user #whats-new-form,
body.bp-user #whats-new-post-form { display: none !important; }

/* Hide Groups / Mentions / Favorites sub-tabs under Activity */
body.bp-user #subnav li.groups,
body.bp-user #subnav li.mentions,
body.bp-user #subnav li.favorites { display: none !important; }

/* Hide the activity filter/show dropdown */
body.bp-user #activity-filter-select { display: none !important; }

/* ── Member profile banner ──────────────────────────────────── */
body.bp-user #item-header {
  background: linear-gradient(135deg, #0d1b3e 0%, #1a3a6e 60%, #123352 100%) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  margin-bottom: 0 !important;
}
/* Subtle dot pattern overlay */
body.bp-user #item-header::after {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 22px 22px;
  pointer-events: none;
  border-radius: 14px;
}

/* Hero row: avatar + text side by side */
body.bp-user .xmc-mhero {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 30px 28px !important;
  position: relative; z-index: 1;
}

/* Avatar container */
body.bp-user #item-header-avatar {
  flex-shrink: 0 !important;
}
/* Hide the default BP avatar image */
body.bp-user #item-header-avatar img {
  display: none !important;
}
/* Teal initials box */
body.bp-user #item-header-avatar .xmc-av-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important; height: 76px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--teal, #1a9bbc), #0e7a96) !important;
  border: 3px solid rgba(255,255,255,0.22) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  text-decoration: none !important;
}
body.bp-user #item-header-avatar .xmc-av-box::after {
  content: attr(data-initial);
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 28px !important; font-weight: 800 !important;
  color: #fff !important; letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

/* Text block */
body.bp-user #item-header-content {
  flex: 1 !important; min-width: 0 !important;
}
body.bp-user .xmc-profile-name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 28px !important; font-weight: 800 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin: 0 0 10px !important; line-height: 1 !important;
}
body.bp-user .xmc-profile-badges { margin: 0 !important; }
body.bp-user .xmc-plan-badge {
  display: inline-block !important;
  color: #fff !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-right: 5px !important;
}

/* ── Main nav tabs (PROFILE / MESSAGES / SUBSCRIPTION) ──────── */
body.bp-user #item-nav {
  border-bottom: 2px solid #e8eaf2 !important;
  background: #fff !important;
  margin: 0 !important; padding: 0 !important;
}
body.bp-user #object-nav ul {
  display: flex !important; flex-direction: row !important;
  list-style: none !important; margin: 0 !important; padding: 0 6px !important;
  gap: 0 !important; overflow-x: auto !important; scrollbar-width: none !important;
}
body.bp-user #object-nav ul li { float: none !important; margin: 0 !important; }
body.bp-user #object-nav ul li a {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 14px 16px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
  color: #7a8299 !important; text-decoration: none !important;
  border-bottom: 3px solid transparent !important; margin-bottom: -2px !important;
  white-space: nowrap !important; background: transparent !important;
  transition: color 0.2s, border-color 0.2s !important;
}
body.bp-user #object-nav ul li a:hover { color: var(--teal, #1a9bbc) !important; }
body.bp-user #object-nav ul li.current > a,
body.bp-user #object-nav ul li.selected > a {
  color: var(--navy, #0d1b3e) !important;
  border-bottom-color: var(--teal, #1a9bbc) !important;
}
body.bp-user #object-nav ul li a span {
  background: var(--teal, #1a9bbc) !important; color: #fff !important;
  border-radius: 10px !important; font-size: 10px !important; font-weight: 800 !important;
  padding: 1px 6px !important; min-width: 16px !important;
  text-align: center !important; line-height: 1.4 !important; display: inline-block !important;
}
/* Hide tabs we removed server-side, just in case */
body.bp-user #object-nav li#nav-settings,
body.bp-user #object-nav li#nav-activity,
body.bp-user #object-nav li#nav-notifications { display: none !important; }

/* ── Sub-nav (View / Edit / Change Cover Image) ─────────────── */
body.bp-user #subnav {
  background: #f5f7fb !important;
  border-bottom: 1px solid #e8eaf2 !important;
  padding: 0 6px !important; margin: 0 !important;
}
body.bp-user #subnav ul {
  display: flex !important; flex-direction: row !important;
  list-style: none !important; margin: 0 !important; padding: 0 !important; gap: 0 !important;
}
body.bp-user #subnav ul li { float: none !important; }
body.bp-user #subnav ul li a {
  display: inline-block !important;
  padding: 9px 14px !important;
  font-size: 12px !important; font-weight: 600 !important;
  color: #555 !important; text-decoration: none !important;
  transition: color 0.2s !important;
}
body.bp-user #subnav ul li a:hover,
body.bp-user #subnav ul li.current > a { color: var(--teal, #1a9bbc) !important; }
body.bp-user #subnav li.groups,
body.bp-user #subnav li.mentions,
body.bp-user #subnav li.favorites { display: none !important; }

/* ── Profile body ────────────────────────────────────────────── */
body.bp-user #item-body {
  background: #fff !important;
  border: 1px solid #e8eaf2 !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 28px 28px !important;
  min-height: 120px !important;
}

/* ── Profile field groups (View tab) ─────────────────────────── */
body.bp-user .bp-widget {
  margin-bottom: 28px !important;
}
body.bp-user .bp-widget h4 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 1.5px !important; text-transform: uppercase !important;
  color: #9aa0b4 !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #eef0f6 !important;
}
body.bp-user .profile-fields {
  width: 100% !important; border-collapse: collapse !important;
}
body.bp-user .profile-fields tr {
  border-bottom: 1px solid #f2f4f9 !important;
}
body.bp-user .profile-fields tr:last-child { border-bottom: none !important; }
body.bp-user .profile-fields td {
  padding: 12px 8px !important; vertical-align: top !important;
  font-size: 14px !important; line-height: 1.5 !important;
}
body.bp-user .profile-fields td.label {
  width: 160px !important; color: #888 !important;
  font-weight: 600 !important; white-space: nowrap !important;
}
body.bp-user .profile-fields td.data {
  color: #222 !important; font-weight: 400 !important;
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 600px) {
  body.bp-user .xmc-mhero { padding: 20px 16px !important; gap: 14px !important; }
  body.bp-user .xmc-profile-name { font-size: 22px !important; }
  body.bp-user #item-body { padding: 20px 16px !important; }
  body.bp-user .profile-fields td.label { width: 110px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MEMBER DASHBOARD  (/dashboard/)
   ═══════════════════════════════════════════════════════════════════════════ */

.xmd-wrap {
  display: flex;
  gap: 28px;
  max-width: 1060px;
  margin: 36px auto 60px;
  padding: 0 16px;
  align-items: flex-start;
}

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
.xmd-sidebar {
  width: 220px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
  overflow: hidden;
  position: sticky;
  top: 90px;
}
.xmd-avatar-box {
  background: linear-gradient(135deg, #0d1b3e, #1a3a6e);
  padding: 24px 16px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
/* Avatar wrap: initials + photo + pen overlay */
.xmd-av-wrap {
  position: relative;
  width: 80px; height: 80px;
  border-radius: 50%;
  overflow: visible;
  border: 3px solid rgba(255,255,255,.25);
  flex-shrink: 0;
}
.xmd-av-wrap.xmd-av-lg { width: 120px; height: 120px; }
.xmd-av-init {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 26px; font-weight: 800;
  color: #fff; text-transform: uppercase;
  user-select: none;
  overflow: hidden;
}
.xmd-av-lg .xmd-av-init { font-size: 40px; }
.xmd-av-photo {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
/* Pen edit button */
.xmd-av-pen {
  position: absolute; bottom: -2px; right: -2px;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: #1a9bbc;
  border: 2px solid #fff;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  transition: background .15s, opacity .15s;
}
.xmd-av-pen:hover { background: #1585a3; }
/* Legacy class kept for backwards compat */
.xmd-avatar, .xmd-avatar-lg {
  border-radius: 50% !important;
  border: 3px solid rgba(255,255,255,.2);
  width: 80px !important;
  height: 80px !important;
  object-fit: cover;
}
.xmd-avatar-lg { width: 120px !important; height: 120px !important; }
.xmd-user-info { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.xmd-username {
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.xmd-badge {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .4px;
}
.xmd-badge-lg { font-size: 13px; padding: 5px 14px; border-radius: 14px; }
.xmd-sidenav { padding: 8px 0; }
.xmd-navlink {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #444 !important;
  text-decoration: none !important;
  transition: background .15s, color .15s;
  border-left: 3px solid transparent;
}
.xmd-navlink:hover { background: #f5f7fb; color: #1a9bbc !important; }
.xmd-navlink.active {
  background: #edf7fb;
  color: #1a9bbc !important;
  border-left-color: #1a9bbc;
}
.xmd-navlink svg { flex-shrink: 0; color: inherit; }

/* ── Main content ────────────────────────────────────────────────────────── */
.xmd-main { flex: 1; min-width: 0; }
.xmd-tab { display: none; }
.xmd-tab.active { display: block; }
.xmd-section-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0d1b3e;
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e8eaf0;
}

/* ── Profile card ─────────────────────────────────────────────────────────── */
.xmd-profile-card {
  display: flex;
  gap: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
  padding: 28px;
  align-items: flex-start;
}
.xmd-info-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.xmd-info-table th, .xmd-info-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #f0f2f7;
  font-size: 14px;
}
.xmd-info-table th { width: 120px; color: #888; font-weight: 600; }
.xmd-info-table td { color: #222; }
.xmd-status-ok { color: #1a9bbc; font-weight: 700; }

/* ── Edit form ────────────────────────────────────────────────────────────── */
.xmd-form {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
  padding: 28px;
  max-width: 560px;
}
.xmd-field { margin-bottom: 18px; }
.xmd-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
}
.xmd-field input[type=text],
.xmd-field input[type=email],
.xmd-field input[type=password],
.xmd-field textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d8dce8;
  border-radius: 7px;
  font-size: 14px;
  color: #222;
  background: #fafbfd;
  box-sizing: border-box;
  transition: border-color .15s;
}
.xmd-field input:focus, .xmd-field textarea:focus {
  outline: none;
  border-color: #1a9bbc;
  background: #fff;
}
.xmd-field textarea { resize: vertical; min-height: 90px; }
.xmd-field select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d8dce8;
  border-radius: 7px;
  font-size: 14px;
  color: #222;
  background: #fafbfd;
  cursor: pointer;
}
.xmd-field select:focus { outline: none; border-color: #1a9bbc; }
.xmd-field small { color: #999; font-weight: 400; }
.xmd-field-gravatar p { font-size: 13px; color: #666; margin: 0; }
.xmd-field-row { display: flex; gap: 14px; }
.xmd-field-row .xmd-field { flex: 1; }
.xmd-form-footer { padding-top: 16px; border-top: 1px solid #eef0f6; margin-top: 8px; }
@media (max-width: 540px) { .xmd-field-row { flex-direction: column; } }
.xmd-notice {
  padding: 10px 14px;
  border-radius: 7px;
  font-size: 13px;
  margin-bottom: 16px;
}
.xmd-notice-ok    { background: #e6f7ec; color: #1a7a3c; border: 1px solid #b2e0c3; }
.xmd-notice-error { background: #fdecea; color: #b71c1c; border: 1px solid #f5c6c6; }

/* ── Subscription card ───────────────────────────────────────────────────── */
.xmd-sub-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
  padding: 28px;
  max-width: 480px;
}
.xmd-sub-btns { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }

/* ── Shared buttons ──────────────────────────────────────────────────────── */
.xmd-btn {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  border: none;
  transition: opacity .15s;
  font-family: inherit;
}
.xmd-btn:hover { opacity: .85; }

/* Force white text on teal buttons — overrides any Ghostpool global a{color} rule */
.xmd-btn.xmd-btn-teal,
a.xmd-btn.xmd-btn-teal,
button.xmd-btn.xmd-btn-teal,
div.xmd-sub-btns a.xmd-btn-teal,
div.xmd-wrap a.xmd-btn-teal {
  background: #1a9bbc !important;
  color: #ffffff !important;
  text-shadow: none !important;
}
.xmd-btn-outline,
a.xmd-btn.xmd-btn-outline {
  background: transparent !important;
  color: #1a9bbc !important;
  border: 2px solid #1a9bbc !important;
  text-shadow: none !important;
}

/* details/summary for password+picture collapse */
.xmd-more-fields {
  margin-top: 12px;
  border: 1px solid #e0e4ef;
  border-radius: 8px;
  overflow: hidden;
}
.xmd-more-fields summary {
  padding: 12px 16px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #555;
  list-style: none;
  background: #f8fafc;
}
.xmd-more-fields summary::-webkit-details-marker { display: none; }
.xmd-more-fields summary::before { content: '▸ '; color: #1a9bbc; }
.xmd-more-fields[open] summary::before { content: '▾ '; }
.xmd-more-inner { padding: 16px; }

/* Responsive */
@media (max-width: 680px) {
  .xmd-wrap { flex-direction: column; }
  .xmd-sidebar { width: 100%; position: static; }
  .xmd-profile-card { flex-direction: column; align-items: center; text-align: center; }
}

/* profile name/badge base styles are in the member profile banner section above */

/* ── Subscription tab panel ───────────────────────────────────────────── */
.xmc-sub-panel { max-width: 540px; padding: 24px 0; }
.xmc-sub-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #0d1b3e;
  margin: 0 0 18px;
  border-bottom: 2px solid #e8eaf0;
  padding-bottom: 10px;
}
.xmc-sub-card {
  background: #f8fafc;
  border: 1px solid #e0e4ef;
  border-radius: 10px;
  padding: 20px 24px;
}
.xmc-sub-table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.xmc-sub-table th, .xmc-sub-table td {
  padding: 9px 12px;
  text-align: left;
  border-bottom: 1px solid #eef0f6;
  font-size: 14px;
}
.xmc-sub-table th { width: 110px; color: #666; font-weight: 600; }
.xmc-sub-table td { color: #222; }
.xmc-sub-active { color: #1a9bbc; font-weight: 700; }
.xmc-sub-none { color: #888; font-style: italic; margin-bottom: 14px; }
.xmc-sub-actions { margin-top: 16px; display: flex; gap: 10px; flex-wrap: wrap; }
.xmc-btn {
  display: inline-block;
  padding: 9px 20px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  transition: opacity .15s;
}
.xmc-btn:hover { opacity: .85; }
.xmc-btn-teal { background: #1a9bbc; color: #fff !important; }
.xmc-btn-outline {
  background: transparent;
  color: #1a9bbc !important;
  border: 2px solid #1a9bbc;
}


/* ═══════════════════════════════════════════════════════════════════════════
   LADIES PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.ladies-page-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 32px 20px 60px;
  background: #0a1220;
  min-height: 60vh;
}
/* Extend dark bg to Ghostpool content wrappers on ladies page */
body.page-template-page-ladies-php #gp-content,
body.page-template-page-ladies-php #gp-content-wrapper,
body.page-template-page-ladies-php #gp-inner-container,
body.page-template-page-ladies-php #gp-page-wrapper { background: #0a1220 !important; }

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.ladies-hero {
  background: linear-gradient(135deg, #2a0a35, #9c0e5a 60%, #e91e8c);
  border-radius: 16px;
  padding: 60px 40px;
  text-align: center;
  margin-bottom: 36px;
}
.ladies-hero-inner { max-width: 600px; margin: 0 auto; }
.ladies-hero-badge {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 4px 16px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.ladies-hero h1 {
  color: #fff !important;
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 14px;
  line-height: 1.15;
}
.ladies-hero p {
  color: rgba(255,255,255,0.85);
  font-size: 16px;
  margin: 0 0 28px;
}

/* ── Gate screens ─────────────────────────────────────────────────────────── */
.ladies-gate {
  background: var(--navy, #0d1b3e);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 56px 40px;
  text-align: center;
  max-width: 560px;
  margin: 40px auto;
}
.ladies-gate-icon {
  font-size: 48px;
  margin-bottom: 20px;
}
.ladies-gate h2,
#gp-content .ladies-gate h2,
#gp-content-wrapper .ladies-gate h2 {
  color: #fff !important;
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 12px;
}
.ladies-gate p,
#gp-content .ladies-gate p,
#gp-content-wrapper .ladies-gate p,
.ladies-page-wrap .ladies-gate p {
  color: #fff !important;
  font-size: 16px;
  margin: 0 0 28px;
  line-height: 1.7;
}
.ladies-gate p strong,
.ladies-gate span,
.ladies-gate li,
#gp-content .ladies-gate strong { color: #fff !important; font-weight: 800; }
/* Plan card text — always white on dark */
.ladies-plan-card .lpc-name,
.ladies-plan-card .lpc-price { color: #fff !important; }

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.ladies-btn {
  display: inline-block;
  background: linear-gradient(135deg, #e91e8c, #9c0e5a);
  border: none;
  border-radius: 8px;
  color: #fff !important;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 12px 28px;
  text-decoration: none !important;
  transition: opacity 0.2s;
  margin: 4px 8px;
}
.ladies-btn:hover { opacity: 0.85; }
.ladies-btn-outline {
  background: transparent;
  border: 2px solid rgba(233,30,140,0.7);
  color: #e91e8c !important;
}

/* ── Plan upgrade cards ───────────────────────────────────────────────────── */
.ladies-plans {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 0 28px;
}
.ladies-plan-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(233,30,140,0.3);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 20px 28px;
  text-decoration: none !important;
  transition: border-color 0.2s, transform 0.15s;
  min-width: 140px;
}
.ladies-plan-card:hover { border-color: #e91e8c; transform: translateY(-2px); }
.lpc-name { color: #fff; font-size: 18px; font-weight: 800; }
.lpc-price { color: rgba(255,255,255,0.6); font-size: 13px; }
.lpc-cta { color: #e91e8c; font-size: 13px; font-weight: 700; margin-top: 4px; }

/* ── Shortcuts row ────────────────────────────────────────────────────────── */
.ladies-shortcuts {
  display: flex;
  gap: 16px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}
.ladies-shortcut-card {
  flex: 1;
  min-width: 140px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px 16px;
  text-decoration: none !important;
  transition: border-color 0.2s, background 0.2s;
}
.ladies-shortcut-card:hover { border-color: #e91e8c; background: rgba(233,30,140,0.08); }
.lsc-icon { font-size: 28px; }
.lsc-label { color: #fff; font-size: 14px; font-weight: 700; }

/* ── Full-width hero upgrade ────────────────────────────────────────────────── */
.ladies-hero-full {
  border-radius: 0;
  margin: -24px -24px 0;
  padding: 72px 24px 0;
  text-align: left;
}
.ladies-hero-full .ladies-hero-inner { max-width: 1100px; margin: 0 auto; }
.ladies-hero-cta { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; margin-bottom:48px; }
/* Stat strip */
.ladies-stat-strip { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.1); }
.ladies-stat { padding:22px 24px; border-right:1px solid rgba(255,255,255,.07); text-align:center; }
.ladies-stat:last-child { border-right:none; }
.lstat-n { display:block; font-family:'Barlow Condensed',sans-serif; font-size:30px; font-weight:900; line-height:1; }
.lstat-l { display:block; font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-top:4px; }

/* Outline button variant */
.ladies-btn-outline { background:transparent !important; border:2px solid rgba(255,255,255,.5) !important; }
.ladies-btn-outline:hover { background:rgba(255,255,255,.1) !important; border-color:rgba(255,255,255,.8) !important; }

/* ── Content section ──────────────────────────────────────────────────────── */
.ladies-content-wrap { max-width:1100px; margin:0 auto; padding:40px 24px 60px; }
.ladies-section-title { color:#fff !important; font-size:22px; font-weight:800; margin:0; }
.ladies-section-header { display:flex; align-items:center; gap:14px; margin-bottom:24px; padding-bottom:14px; border-bottom:2px solid rgba(233,30,140,.3); }
.ladies-section-count { font-size:12px; color:rgba(255,255,255,.45) !important; font-weight:600; text-transform:uppercase; letter-spacing:1px; }

/* ── Quick access grid ───────────────────────────────────────────────────── */
.ladies-quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:40px; }
.ladies-quick-card { display:flex; flex-direction:column; align-items:flex-start; gap:6px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:22px 20px; text-decoration:none; transition:all .2s; }
.ladies-quick-card:hover { background:rgba(233,30,140,.12); border-color:rgba(233,30,140,.4); transform:translateY(-2px); }
.ladies-quick-gold { border-color:rgba(200,164,21,.3); }
.ladies-quick-gold:hover { background:rgba(200,164,21,.12); border-color:rgba(200,164,21,.6); }
.lqc-icon { font-size:28px; }
.lqc-title { font-size:15px; font-weight:700; color:#fff !important; }
.lqc-sub { font-size:12px; color:rgba(255,255,255,.5) !important; }

/* ── Ladies blog posts grid ───────────────────────────────────────────────── */
.ladies-posts-section { margin-top: 8px; }
.ladies-posts-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.ladies-post-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:14px; overflow:hidden; transition:border-color .2s,transform .15s; }
.ladies-post-card:hover { border-color:rgba(233,30,140,.5); transform:translateY(-3px); }
.lp-thumb-link { display:block; overflow:hidden; height:170px; }
.lp-thumb { width:100%; height:100%; object-fit:cover; display:block; }
.lp-thumb-placeholder { height:100px; display:flex; align-items:center; justify-content:center; font-size:40px; background:rgba(255,255,255,.04); }
.lp-body { padding:18px 20px; }
.lp-meta { color:rgba(255,255,255,.4) !important; font-size:11px; margin-bottom:8px; }
.lp-title { margin:0 0 10px; }
.lp-title a { color:#fff !important; font-size:15px; font-weight:700; text-decoration:none; line-height:1.4; }
.lp-title a:hover { color:#e91e8c !important; }
.lp-excerpt { color:rgba(255,255,255,.55) !important; font-size:13px; line-height:1.6; margin-bottom:14px; }
.lp-read-more { color:#e91e8c !important; font-size:13px; font-weight:700; text-decoration:none !important; }
.lp-read-more:hover { text-decoration:underline !important; }
.ladies-no-posts { text-align:center; padding:60px 20px; }
@media(max-width:768px) {
  .ladies-quick-grid { grid-template-columns:1fr 1fr; }
  .ladies-stat-strip { grid-template-columns:1fr; }
  .ladies-hero-full { margin:-16px -16px 0; }
}
@media(max-width:480px) {
  .ladies-quick-grid { grid-template-columns:1fr 1fr; }
}

/* ── Request form ─────────────────────────────────────────────────────────── */
.ladies-request-section { max-width: 560px; }
.ladies-form { text-align: left; margin-top: 24px; }
.ladies-form-row { margin-bottom: 18px; }
.ladies-form-row label {
  display: block;
  color: rgba(255,255,255,0.7);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.ladies-form-row input,
.ladies-form-row textarea {
  width: 100%;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  padding: 10px 14px;
  box-sizing: border-box;
  transition: border-color 0.2s;
  resize: vertical;
}
.ladies-form-row input[readonly] { opacity: 0.6; cursor: default; }
.ladies-form-row input:focus,
.ladies-form-row textarea:focus { border-color: #e91e8c; outline: none; }
.ladies-submit-btn {
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 14px;
  margin: 0;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .ladies-hero { padding: 40px 20px; }
  .ladies-hero h1 { font-size: 26px; }
  .ladies-gate { padding: 40px 20px; }
  .ladies-shortcuts { flex-direction: column; }
  .ladies-posts-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MEMBERSHIP ACCOUNT PAGE  (/membership-account/)
   ═══════════════════════════════════════════════════════════════════════════ */

.xma-wrap {
  max-width: 1060px;
  margin: 36px auto 60px;
  padding: 0 16px;
}

/* ── Page header banner ─────────────────────────────────────────────────── */
.xma-page-header {
  background: linear-gradient(135deg, #0d1b3e 0%, #1a3a6e 100%);
  border-radius: 16px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}
.xma-page-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 0 6px;
}
.xma-page-sub {
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px;
  margin: 0;
}
.xma-header-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 50px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}

/* ── Card grid ───────────────────────────────────────────────────────────── */
.xma-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.xma-orders-card,
.xma-plans-card { grid-column: 1 / -1; }

/* ── Base card ───────────────────────────────────────────────────────────── */
.xma-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.07);
  overflow: hidden;
}
.xma-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  color: #fff;
}
.xma-plan-icon { font-size: 32px; line-height: 1; }
.xma-plan-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.xma-plan-label {
  color: rgba(255,255,255,0.7) !important;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.xma-card-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #9aa0b4;
  padding: 18px 24px 0;
  border-bottom: 1px solid #eef0f6;
  padding-bottom: 12px;
}
.xma-card-body { padding: 20px 24px 24px; }

/* ── Table ───────────────────────────────────────────────────────────────── */
.xma-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  font-size: 14px;
}
.xma-table th,
.xma-table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #f0f2f7;
}
.xma-table th { width: 130px; color: #888; font-weight: 600; }
.xma-table td { color: #1e293b; }
.xma-table thead th { color: #9aa0b4; font-size: 11px; text-transform: uppercase; letter-spacing: .8px; }
.xma-status-active { color: #1a9bbc; font-weight: 700; }

/* ── Orders table ─────────────────────────────────────────────────────────── */
.xma-orders-table td, .xma-orders-table th { padding: 11px 14px; }
.xma-order-status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.xma-order-success { background: #e6f7ec; color: #1a7a3c; }
.xma-order-pending { background: #fff8e1; color: #b07800; }
.xma-order-cancelled,.xma-order-refunded { background: #fdecea; color: #b71c1c; }

/* ── Plan grid ───────────────────────────────────────────────────────────── */
.xma-levels-grid {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.xma-level-card {
  flex: 1;
  min-width: 120px;
  background: #f8fafc;
  border: 2px solid #e8eaf0;
  border-radius: 12px;
  padding: 18px 14px;
  text-align: center;
  transition: border-color .2s, transform .15s;
  position: relative;
}
.xma-level-card:hover { border-color: var(--lcolor, #1a9bbc); transform: translateY(-2px); }
.xma-level-current { border-color: var(--lcolor, #1a9bbc) !important; background: #fff; }
.xma-level-icon { font-size: 26px; margin-bottom: 6px; }
.xma-level-name {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 17px;
  font-weight: 800;
  color: #1e293b;
  text-transform: uppercase;
}
.xma-level-price { color: #888; font-size: 12px; margin: 4px 0 10px; }
.xma-level-current-tag {
  display: inline-block;
  background: var(--lcolor, #1a9bbc);
  color: #fff !important;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.xma-level-cta {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: var(--lcolor, #1a9bbc) !important;
  text-decoration: none !important;
}
.xma-level-cta:hover { text-decoration: underline !important; }

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.xma-btn {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  cursor: pointer;
  border: none;
  font-family: inherit;
  transition: opacity .15s, background .15s;
}
.xma-btn:hover { opacity: .85; }
.xma-btn-teal { background: #1a9bbc; color: #fff !important; }
.xma-btn-outline {
  background: transparent;
  color: #1a9bbc !important;
  border: 2px solid #1a9bbc;
}
.xma-btn-ghost {
  background: rgba(0,0,0,0.04);
  color: #666 !important;
  border: 1px solid #dde4ea;
}
.xma-plan-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ── No membership ───────────────────────────────────────────────────────── */
.xma-no-membership {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,.07);
  padding: 60px 40px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.xma-no-mbr-icon { font-size: 52px; margin-bottom: 16px; }
.xma-no-membership h2 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: #0d1b3e;
  margin: 0 0 12px;
}
.xma-no-membership p { color: #666; font-size: 15px; margin: 0 0 24px; line-height: 1.7; }

/* ══════════════════════════════════════════════════════════════════════════
   INLINE MESSAGING SYSTEM
   ══════════════════════════════════════════════════════════════════════════ */

/* Container: two-panel layout */
.xmd-msg-container { display:flex; gap:0; min-height:520px; border:1px solid #e8eaf0; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 20px rgba(0,0,0,.06); }

/* LEFT panel */
.xmd-msg-left { width:300px; min-width:260px; flex-shrink:0; border-right:1px solid #e8eaf0; display:flex; flex-direction:column; padding:16px 12px; background:#fafbfc; }
.xmd-msg-left-btns { display:flex; flex-direction:column; gap:8px; margin-bottom:14px; }
.xmd-msg-left-btns .xmd-btn { width:100%; justify-content:center; }
.xmd-btn-support { background:#f0f7ff; color:#1a3a5c !important; border:1px solid #b3d0f5; font-size:13px; padding:9px 14px; }
.xmd-btn-support:hover { background:#dceeff; border-color:#7ab3e8; }
.xmd-msg-no-compose { font-size:12px; color:#888 !important; background:#fff3cd; border:1px solid #ffe08a; border-radius:8px; padding:10px 12px; line-height:1.5; }

/* Thread list */
.xmd-threads-list { flex:1; overflow-y:auto; border-radius:8px; margin:-4px; }
.xmd-thread-row { display:flex; align-items:center; gap:11px; padding:11px 10px; cursor:pointer; border-radius:8px; border-bottom:1px solid #f0f2f5; transition:background .12s; }
.xmd-thread-row:last-child { border-bottom:none; }
.xmd-thread-row:hover { background:#eef2fb; }
.xmd-thread-active { background:#e6f0ff !important; }
.xmd-thread-unread { background:#f0f7ff; }

/* Avatar */
.xmd-thread-av { flex-shrink:0; width:38px; height:38px; border-radius:50%; overflow:hidden; }
.xmd-thread-av img { width:38px; height:38px; border-radius:50%; object-fit:cover; display:block; }
.xmd-thread-av-initials { border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff !important; font-weight:700; flex-shrink:0; }

/* Thread content */
.xmd-thread-body { flex:1; min-width:0; }
.xmd-thread-meta { display:flex; justify-content:space-between; align-items:baseline; gap:4px; }
.xmd-thread-sender { font-size:13px; font-weight:600; color:#1a1d23 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xmd-thread-time { font-size:10px; color:#9a9ea8 !important; white-space:nowrap; flex-shrink:0; }
.xmd-thread-preview { font-size:11.5px; color:#7a7f8e !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; }
.xmd-thread-unread .xmd-thread-sender { color:#0e1729 !important; }
.xmd-thread-dot { width:8px; height:8px; border-radius:50%; background:#1a9bbc; flex-shrink:0; }

/* Empty state */
.xmd-msg-empty { text-align:center; padding:40px 16px; }
.xmd-msg-empty-icon { font-size:40px; margin-bottom:12px; }
.xmd-msg-empty p { color:#9a9ea8 !important; font-size:13px; }

/* RIGHT panel */
.xmd-msg-right { flex:1; display:flex; flex-direction:column; min-width:0; }

/* Placeholder */
.xmd-msg-placeholder { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; }
.xmd-msg-ph-icon { font-size:52px; opacity:.4; }
.xmd-msg-placeholder p { font-size:14px; }

/* ── Compose panel ── */
.xmd-compose-panel { flex:1; display:flex; flex-direction:column; padding:24px; gap:16px; }
.xmd-compose-header { font-size:16px; font-weight:700; color:#1a1d23 !important; border-bottom:1px solid #eef0f5; padding-bottom:12px; }
.xmd-compose-to { display:flex; flex-direction:column; gap:8px; }
.xmd-compose-to-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.xmd-to-label { font-size:13px; font-weight:600; color:#555 !important; white-space:nowrap; }
.xmd-plan-filter { padding:7px 10px; border:1px solid #dde1ea; border-radius:8px; font-size:13px; color:#333; background:#fff; cursor:pointer; }
.xmd-user-search-wrap { position:relative; flex:1; min-width:180px; }
.xmd-user-search-input { width:100%; padding:8px 12px; border:1px solid #dde1ea; border-radius:8px; font-size:13px; color:#333; box-sizing:border-box; }
.xmd-user-search-input:focus { outline:none; border-color:#1a9bbc; box-shadow:0 0 0 3px rgba(26,155,188,.12); }

/* User results dropdown */
.xmd-user-results { position:absolute; top:100%; left:0; right:0; z-index:200; background:#fff; border:1px solid #dde1ea; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.12); max-height:220px; overflow-y:auto; margin-top:4px; }
.xmd-ur-item { display:flex; align-items:center; gap:8px; padding:10px 12px; cursor:pointer; border-bottom:1px solid #f5f6fa; font-size:13px; }
.xmd-ur-item:last-child { border-bottom:none; }
.xmd-ur-item:hover { background:#f0f7ff; }
.xmd-ur-item[data-id]:hover { background:#e6f0ff; }
.xmd-ur-loading,.xmd-ur-none { color:#9a9ea8 !important; font-size:12px; padding:12px; cursor:default; }
.xmd-ur-name { flex:1; font-weight:500; color:#1a1d23 !important; }
.xmd-ur-plan-tag { font-size:10px; font-weight:700; padding:2px 7px; border-radius:20px; color:#fff !important; white-space:nowrap; }
.xmd-lvl-5 { background:#777; }
.xmd-lvl-6 { background:#b87333; }
.xmd-lvl-7 { background:#888; }
.xmd-lvl-8 { background:#c8a415; }
.xmd-lvl-9 { background:#1a9bbc; }

/* Selected recipient chip */
.xmd-selected-recipient { }
.xmd-recipient-chip { display:inline-flex; align-items:center; gap:6px; background:#e6f0ff; border:1px solid #b3d0f5; border-radius:20px; padding:4px 10px 4px 12px; font-size:13px; font-weight:500; color:#1a3a5c !important; }
.xmd-chip-x { background:none; border:none; cursor:pointer; font-size:16px; line-height:1; color:#7a9ec8; padding:0; margin:0; }
.xmd-chip-x:hover { color:#e84560; }

/* Compose textarea */
.xmd-compose-msg { flex:1; width:100%; resize:vertical; padding:12px; border:1px solid #dde1ea; border-radius:10px; font-size:14px; color:#1a1d23; font-family:inherit; min-height:120px; box-sizing:border-box; }
.xmd-compose-msg:focus { outline:none; border-color:#1a9bbc; box-shadow:0 0 0 3px rgba(26,155,188,.12); }
.xmd-compose-actions { display:flex; gap:10px; justify-content:flex-end; }

/* Status messages */
.xmd-form-status { padding:10px 14px; border-radius:8px; font-size:13px; }
.xmd-status-ok { background:rgba(0,200,120,.12); border:1px solid rgba(0,200,120,.3); color:#008040 !important; }
.xmd-status-err { background:rgba(232,69,96,.12); border:1px solid rgba(232,69,96,.3); color:#c0392b !important; }

/* ── Thread view ── */
.xmd-thread-view { flex:1; display:flex; flex-direction:column; }
.xmd-thread-view-header { display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid #eef0f5; background:#fafbfc; }
.xmd-back-btn { background:none; border:1px solid #dde1ea; border-radius:8px; padding:6px 12px; font-size:12px; cursor:pointer; color:#555 !important; }
.xmd-back-btn:hover { background:#f0f2f5; }
.xmd-thread-view-name { font-size:15px; font-weight:700; color:#1a1d23 !important; }

/* Message bubbles */
.xmd-thread-messages { flex:1; overflow-y:auto; padding:16px 20px; display:flex; flex-direction:column; gap:12px; min-height:200px; max-height:340px; }
.xmd-msg-loading { text-align:center; padding:40px; color:#9a9ea8 !important; font-size:13px; }
.xmd-bubble-wrap { display:flex; flex-direction:column; max-width:72%; gap:3px; }
.xmd-mine { align-self:flex-end; align-items:flex-end; }
.xmd-theirs { align-self:flex-start; align-items:flex-start; }
.xmd-bubble { padding:10px 14px; border-radius:16px; font-size:13.5px; line-height:1.55; word-break:break-word; }
.xmd-mine .xmd-bubble { background:#1a9bbc; color:#fff !important; border-bottom-right-radius:4px; }
.xmd-theirs .xmd-bubble { background:#f0f2f7; color:#1a1d23 !important; border-bottom-left-radius:4px; }
.xmd-bubble-meta { font-size:10px; color:#b0b5c0 !important; padding:0 4px; }

/* Reply area */
.xmd-thread-reply-wrap { display:flex; gap:10px; padding:12px 16px; border-top:1px solid #eef0f5; align-items:flex-end; }
.xmd-reply-input { flex:1; resize:none; border:1px solid #dde1ea; border-radius:10px; padding:10px 12px; font-size:13.5px; font-family:inherit; color:#1a1d23; line-height:1.5; }
.xmd-reply-input:focus { outline:none; border-color:#1a9bbc; box-shadow:0 0 0 3px rgba(26,155,188,.12); }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 680px) {
  .xma-grid { grid-template-columns: 1fr; }
  .xma-orders-card, .xma-plans-card { grid-column: auto; }
  .xma-page-header { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
  .xma-page-title { font-size: 24px; }
  .xma-levels-grid { flex-direction: column; }
  /* Messaging: stack panels vertically on mobile */
  .xmd-msg-container { flex-direction: column; min-height: auto; }
  .xmd-msg-left { width: 100%; min-width: auto; border-right: none; border-bottom: 1px solid #e8eaf0; max-height: 260px; overflow-y: auto; }
  .xmd-thread-messages { max-height: 240px; }
  .xmd-bubble-wrap { max-width: 90%; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MEMBERSHIP CHECKOUT PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.xmc-checkout-wrap { max-width: 680px; }

.xmc-checkout-header-icon { font-size: 48px; line-height: 1; opacity: .9; }

/* ── Card wrapper around the PMPro form ─────────────────────────────────── */
.xmc-checkout-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 16px rgba(0,0,0,.08);
  border: 1px solid #e8eaf0;
  overflow: hidden;
  margin-bottom: 16px;
}

/* ── PMPro section blocks → cards ───────────────────────────────────────── */
.xmc-checkout-card .pmpro_section {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
.xmc-checkout-card .pmpro_section + .pmpro_section {
  border-top: 1px solid #eef0f5 !important;
}

/* ── Section headers ─────────────────────────────────────────────────────── */
.xmc-checkout-card .pmpro_section_header,
.xmc-checkout-card .pmpro_section > h3,
.xmc-checkout-card table.pmpro_checkout caption {
  background: linear-gradient(90deg, #0d1b3e 0%, #1a3a6e 100%) !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  padding: 12px 20px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* ── Section body padding ────────────────────────────────────────────────── */
.xmc-checkout-card .pmpro_section .pmpro_checkout-fields,
.xmc-checkout-card .pmpro_box,
.xmc-checkout-card .pmpro_section > div:not(.pmpro_section_header),
.xmc-checkout-card .pmpro_section > p,
.xmc-checkout-card .pmpro_section > table {
  padding: 20px 24px !important;
}

/* ── Membership info box (level description, price) ─────────────────────── */
.xmc-checkout-card .pmpro_level-description { color: #555; font-size: 14px; line-height: 1.6; }
.xmc-checkout-card .pmpro_price { color: #1a9bbc; font-weight: 700; font-size: 15px; }
.xmc-checkout-card .pmpro_level-name-text { color: #1a9bbc; font-weight: 700; }
.xmc-checkout-card blockquote,
.xmc-checkout-card .pmpro blockquote {
  background: #f6f9fb;
  border-left: 3px solid #1a9bbc;
  border-radius: 0 8px 8px 0;
  margin: 12px 0 !important;
  padding: 10px 16px !important;
  color: #444;
  font-size: 13.5px;
}

/* ── Form labels ─────────────────────────────────────────────────────────── */
.xmc-checkout-card label,
.xmc-checkout-card .pmpro label {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .9px !important;
  color: #1a9bbc !important;
  margin-bottom: 5px !important;
  display: block;
}

/* ── Inputs ──────────────────────────────────────────────────────────────── */
.xmc-checkout-card input[type="text"],
.xmc-checkout-card input[type="email"],
.xmc-checkout-card input[type="password"],
.xmc-checkout-card select {
  width: 100% !important;
  padding: 10px 14px !important;
  border: 1px solid #dde1ea !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  color: #1a1d23 !important;
  background: #fafbfc !important;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .2s;
}
.xmc-checkout-card input[type="text"]:focus,
.xmc-checkout-card input[type="email"]:focus,
.xmc-checkout-card input[type="password"]:focus,
.xmc-checkout-card select:focus {
  outline: none !important;
  border-color: #1a9bbc !important;
  box-shadow: 0 0 0 3px rgba(26,155,188,.12) !important;
  background: #fff !important;
}

/* ── Two-column field rows ───────────────────────────────────────────────── */
.xmc-checkout-card .pmpro_checkout-field-half {
  display: inline-block;
  width: 48% !important;
}
.xmc-checkout-card .pmpro_checkout-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.xmc-checkout-card .pmpro_checkout-field {
  flex: 1 1 100%;
}
.xmc-checkout-card .pmpro_checkout-field-half {
  flex: 1 1 calc(50% - 8px) !important;
  min-width: 180px;
}

/* ── "Already have an account?" row (inside PMPro) ───────────────────────── */
.xmc-checkout-card .pmpro_login_link,
.xmc-checkout-card #pmpro_login_link { display: none !important; } /* We have our own below */

/* ── Submit button ───────────────────────────────────────────────────────── */
.xmc-checkout-card .pmpro_submit_wrap,
.xmc-checkout-card .pmpro_btn-submit-checkout {
  display: block;
  padding: 20px 24px !important;
}
.xmc-checkout-card input[type="submit"],
.xmc-checkout-card .pmpro_btn-submit-checkout,
.xmc-checkout-card #pmpro_submit {
  background: linear-gradient(90deg, #1a9bbc 0%, #0d7fa0 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  padding: 14px 36px !important;
  cursor: pointer !important;
  transition: opacity .2s, transform .15s !important;
  box-shadow: 0 4px 14px rgba(26,155,188,.3) !important;
  width: 100% !important;
}
.xmc-checkout-card input[type="submit"]:hover,
.xmc-checkout-card #pmpro_submit:hover {
  opacity: .9 !important;
  transform: translateY(-1px) !important;
}

/* ── Error/success messages ──────────────────────────────────────────────── */
.xmc-checkout-card .pmpro_message {
  margin: 16px 20px 0 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}
.xmc-checkout-card .pmpro_error { background: #fdecea; color: #b71c1c; border-left: 4px solid #e53935; }
.xmc-checkout-card .pmpro_success { background: #e6f7ec; color: #1a7a3c; border-left: 4px solid #2e7d32; }

/* ── "Show Password" button ──────────────────────────────────────────────── */
.xmc-checkout-card .pmpro-show-password {
  background: #1a9bbc !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  padding: 4px 10px !important;
  cursor: pointer !important;
}

/* ── Login note below card ────────────────────────────────────────────────── */
.xmc-checkout-login-note {
  text-align: center;
  font-size: 13.5px;
  color: #666;
  margin: 0 0 32px;
}
.xmc-checkout-login-note a { color: #1a9bbc; font-weight: 600; }
.xmc-checkout-login-note a:hover { text-decoration: underline; }

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .xmc-checkout-wrap { padding: 0 12px; }
  .xmc-checkout-header-icon { display: none; }
  .xmc-checkout-card .pmpro_checkout-field-half { flex: 1 1 100% !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILE HEADER & NAV
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Show hamburger button on mobile ─────────────────────────────────────── */
@media (max-width: 900px) {

  /* Hamburger button */
  #gp-mobile-nav-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    order: 2 !important;
    flex-shrink: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
  }
  #gp-mobile-nav-button:before {
    color: #fff !important;
    font-size: 18px !important;
  }

  /* Hide desktop nav on mobile */
  #gp-main-nav { display: none !important; }

  /* Header layout: logo | spacer | right stuff | hamburger */
  .xmc-header-inner {
    padding: 0 14px !important;
    gap: 10px !important;
  }
  #gp-logo { padding: 6px 0 !important; }
  #gp-logo img { max-height: 30px !important; }

  /* Hide username text in user chip — just show avatar */
  .xmc-user-name { display: none !important; }
  .xmc-logout-btn { display: none !important; }
  .xmc-user-chip {
    padding: 3px !important;
    border-radius: 50% !important;
    gap: 0 !important;
    background: rgba(255,255,255,0.18) !important;
  }
  .xmc-user-chip-link { gap: 0 !important; }
  .xmc-chip-av {
    width: 34px !important;
    height: 34px !important;
  }

  /* Compact guest buttons on mobile */
  .xmc-btn-login { padding: 6px 12px !important; font-size: 12px !important; }
  .xmc-btn-register { padding: 6px 12px !important; font-size: 12px !important; }

  /* Search icon compact */
  #gp-search { display: flex !important; align-items: center !important; }
}

/* ── Mobile nav drawer ───────────────────────────────────────────────────── */
#gp-mobile-nav {
  background: #0d1b3e !important;
  width: 280px !important;
  -webkit-transform: translateX(-280px) !important;
  transform: translateX(-280px) !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 4px 0 30px rgba(0,0,0,0.5) !important;
}
.gp-mobile-nav-active #gp-mobile-nav {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}

/* Close button */
#gp-mobile-nav-close-button {
  background: rgba(255,255,255,0.06) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 16px 18px !important;
  font-size: 18px !important;
  color: rgba(255,255,255,0.7) !important;
  text-align: right !important;
}
#gp-mobile-nav-close-button:before {
  color: rgba(255,255,255,0.6) !important;
}

/* Nav items */
#gp-mobile-nav .menu li {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  background: transparent !important;
}
#gp-mobile-nav .menu li > a,
#gp-mobile-nav .menu li > span {
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  padding: 14px 20px !important;
  display: block !important;
  background: transparent !important;
  transition: background 0.15s, padding-left 0.15s !important;
  border: none !important;
}
#gp-mobile-nav .menu li > a:hover {
  background: rgba(26,155,188,0.15) !important;
  padding-left: 26px !important;
  color: #1a9bbc !important;
}
#gp-mobile-nav .menu li.current-menu-item > a {
  color: #1a9bbc !important;
  border-left: 3px solid #1a9bbc !important;
  padding-left: 17px !important;
}

/* Submenu items */
#gp-mobile-nav .menu li .sub-menu {
  background: rgba(0,0,0,0.2) !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
#gp-mobile-nav .menu li .sub-menu a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 13px !important;
  padding: 11px 20px 11px 30px !important;
}
#gp-mobile-nav .menu li .sub-menu a:hover {
  color: #1a9bbc !important;
  background: rgba(26,155,188,0.1) !important;
}

/* Dropdown arrow */
#gp-mobile-nav .menu li > .gp-mobile-dropdown-icon {
  color: rgba(255,255,255,0.5) !important;
  border-left: 1px solid rgba(255,255,255,0.08) !important;
}
#gp-mobile-nav .menu li > .gp-mobile-dropdown-icon:before {
  color: rgba(255,255,255,0.5) !important;
}
#gp-mobile-nav .menu li.gp-active > .gp-mobile-dropdown-icon:before {
  color: #1a9bbc !important;
}

/* Overlay backdrop */
#gp-mobile-nav-bg {
  background: rgba(0,0,0,0.6) !important;
  backdrop-filter: blur(2px) !important;
}