/* ============================================================
   light-mode.css — TAO Daily light theme
   Loaded conditionally alongside style.css when the user has
   the light theme active (body.tao-light). Toggle via the
   sun/moon switch in the masthead (see functions.php + theme.js).
   ============================================================ */

/* ── LIGHT MODE ── */
body.tao-light {
  --bg:       #f5f4f0 !important;
  --bg2:      #eeecea !important;
  --surface:  #ffffff !important;
  --surface2: #f0efeb !important;
  --bd:       rgba(0,0,0,.08) !important;
  --bd2:      rgba(0,0,0,.14) !important;
  --ink:      #14151a !important;
  --dim:      #4a4e5a !important;
  --faint:    #8c909a !important;
  --amber:    #d97706 !important;
  --amber-ln: rgba(217,119,6,.28) !important;
  --amber-bg: rgba(217,119,6,.10) !important;
  background: #f5f4f0 !important;
  color: #14151a !important;
}
body.tao-light::before { display: none; }
body.tao-light .tao-ticker,
body.tao-light .tao-breaking { background: #e8e6e0 !important; border-color: rgba(0,0,0,.1) !important; }
body.tao-light .tao-breaking-label { background: #d97706 !important; }
body.tao-light header.mh-header { background: rgba(245,244,240,.97) !important; border-bottom-color: rgba(0,0,0,.1) !important; }
body.tao-light .mh-main-nav-wrap { background: #f5f4f0 !important; border-color: rgba(0,0,0,.08) !important; }
body.tao-light .mh-main-nav .mh-menu>li>a { color: #6b7280 !important; }
body.tao-light .mh-main-nav .mh-menu>li>a:hover,
body.tao-light .mh-main-nav .mh-menu>li.current-menu-item>a { color: #14151a !important; border-bottom-color: #d97706 !important; }
body.tao-light .tao-hero-title { color: #14151a !important; }
body.tao-light .tao-hero-overlay { background: linear-gradient(to bottom, rgba(245,244,240,.2) 0%, rgba(245,244,240,.97) 100%) !important; }
body.tao-light .tao-cat-card,
body.tao-light .tao-news-item,
body.tao-light .tao-editors-card,
body.tao-light .tao-mkt-card,
body.tao-light .tao-sub-card,
body.tao-light .tao-pod-main,
body.tao-light .tao-pod-sm { background: #ffffff !important; border-color: rgba(0,0,0,.1) !important; }
body.tao-light .tao-cat-name,
body.tao-light .tao-news-title,
body.tao-light .tao-editors-h,
body.tao-light .tao-mkt-h,
body.tao-light .tao-sub-h,
body.tao-light .tao-pod-h,
body.tao-light .tao-pod-sm-h { color: #14151a !important; }
body.tao-light .tao-cat-desc,
body.tao-light .tao-news-meta,
body.tao-light .tao-editors-ex,
body.tao-light .tao-mkt-meta,
body.tao-light .tao-pod-ex { color: #4a4e5a !important; }
body.tao-light .tao-emission,
body.tao-light .tao-calc-col,
body.tao-light .tao-bottom-row,
body.tao-light .tao-podcast,
body.tao-light .tao-nl-col { background: #eeecea !important; }
body.tao-light .tao-nl-h { color: #14151a !important; }
body.tao-light .tao-nl-sub { color: #4a4e5a !important; }
body.tao-light .tao-q-h { color: #14151a !important; }
body.tao-light .tao-footer { background: #e0deda !important; }
body.tao-light .mh-footer,
body.tao-light .mh-copyright-wrap { background: #e0deda !important; border-color: rgba(0,0,0,.1) !important; }
body.tao-light .tao-article-main .entry-content,
body.tao-light .tao-article-body { color: #4a4e5a !important; }
body.tao-light .tao-article-main .entry-content p,
body.tao-light .tao-article-body p { color: #4a4e5a !important; }
body.tao-light .sh-label { color: #14151a !important; }
body.tao-light .sh-line { background: rgba(0,0,0,.1) !important; }
body.tao-light .tag { background: #e8e6e0 !important; color: #4a4e5a !important; border-color: rgba(0,0,0,.12) !important; }
body.tao-light .inp { background: #ffffff !important; border-color: rgba(0,0,0,.14) !important; color: #14151a !important; }

/* Dark toggle button */
.tao-dark-toggle {
  background: var(--surface) !important;
  border: 1px solid var(--bd2) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: var(--dim) !important;
  transition: border-color .13s, color .13s !important;
  flex-shrink: 0;
}
.tao-dark-toggle:hover { border-color: var(--amber-ln) !important; color: var(--amber) !important; }

/* ── SIDEBAR SUPPRESSION on our custom pages ── */
/* Front page, single, archive — hide MH sidebar completely */
.tao-front .mh-sidebar,
.tao-front .mh-sidebar-2,
.tao-front .mh-sidebar-right,
.tao-single .mh-sidebar,
.tao-single .mh-sidebar-2,
.tao-archive .mh-sidebar,
.tao-archive .mh-sidebar-2,
.tao-front .mh-col-1-3.mh-sidebar,
.tao-single .mh-col-1-3.mh-sidebar,
.tao-archive .mh-col-1-3.mh-sidebar { display: none !important; }

/* Make content full width when sidebar hidden */
.tao-front .mh-col-2-3.mh-content-wrap,
.tao-single .mh-col-2-3.mh-content-wrap,
.tao-archive .mh-col-2-3.mh-content-wrap { width: 100% !important; max-width: 100% !important; }

/* ── MOBILE — comprehensive fixes ── */
@media (max-width: 900px) {
  /* Single logo only */
  .mh-site-logo { padding: 8px 16px 8px 0 !important; }
  .mh-site-logo img, .custom-logo-link img { max-height: 34px !important; }
  /* Hide social icons row on mobile — keep hamburger only */
  .social-media-icons { display: none !important; }
  /* Nav */
  header.mh-header .mh-container-inner { padding: 0 16px !important; min-height: 52px !important; }
  /* Slicknav */
  header nav.slicknav_nav { position: absolute !important; width: 100% !important; left: 0 !important; top: 100% !important; z-index: 300 !important; }
}

@media (max-width: 768px) {
  /* Stack all flex sections */
  .tao-hero,
  .tao-latest-row,
  .tao-subs-row,
  .tao-bottom-row,
  .tao-article-wrap { flex-direction: column !important; }

  /* Full width on stacked sections */
  .tao-trending,
  .tao-calc-col,
  .tao-nl-col,
  .tao-article-sidebar {
    width: 100% !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid var(--bd) !important;
  }

  /* Hero */
  .tao-hero-img { height: 240px !important; }
  .tao-hero-title { font-size: 20px !important; line-height: 1.25 !important; }
  .tao-hero-body { padding: 16px !important; }

  /* Categories — 2 col */
  .tao-cats { padding: 16px !important; }
  .tao-cats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }

  /* Markets — 1 col */
  .tao-markets { padding: 16px !important; }
  .tao-markets-grid { grid-template-columns: 1fr !important; }

  /* Podcast — 1 col */
  .tao-podcast { padding: 16px !important; }
  .tao-podcast-grid { grid-template-columns: 1fr !important; }
  .tao-pod-main { flex-direction: column !important; }
  .tao-pod-img { width: 100% !important; height: 180px !important; }

  /* Subnets */
  .tao-subs-col { padding: 16px !important; }
  .tao-subs-2col { grid-template-columns: 1fr !important; }

  /* Calc col */
  .tao-calc-col { padding: 16px !important; }

  /* Q&A + nl */
  .tao-qa-col { padding: 16px !important; }
  .tao-nl-col { padding: 20px 16px !important; }

  /* Archive */
  .tao-archive-grid { grid-template-columns: 1fr 1fr !important; }

  /* Article */
  .tao-article-main { padding: 20px 16px !important; }
  .tao-article-title { font-size: 24px !important; }
  .tao-article-dek { font-size: 14px !important; }

  /* Footer */
  .tao-footer { padding: 28px 16px 20px !important; }
  .tao-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
}

@media (max-width: 480px) {
  .tao-cats-grid { grid-template-columns: 1fr 1fr !important; }
  .tao-archive-grid { grid-template-columns: 1fr !important; }
  .tao-footer-grid { grid-template-columns: 1fr !important; }
  .tao-hero-title { font-size: 18px !important; }
  .tao-trending-tabs { overflow-x: auto !important; }
  .tao-trending-tabs .tab { white-space: nowrap !important; }
}

/* ── Trending sidebar image fallback ── */
.tao-trend-thumb { background: var(--surface2); overflow: hidden; }
.tao-trend-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: .7; }

/* ── Suppress old wp_head ticker ── */
#tao-global-ticker { display: none !important; }

/* ── page.php / static pages ── */
.tao-page-content { padding: 40px 28px; max-width: 860px; margin: 0 auto; }
.tao-page-content h1 { font-family: var(--display); font-size: clamp(28px,4vw,48px); font-weight: 700; letter-spacing: -.03em; color: var(--ink); margin-bottom: 20px; }
.tao-page-content .entry-content { font-size: 16px; line-height: 1.8; color: var(--dim); }
.tao-page-content .entry-content h2 { font-family: var(--display); color: var(--ink); font-size: 22px; margin: 28px 0 12px; }
.tao-page-content .entry-content a { color: var(--amber); }

/* ── 404 page ── */
.tao-404 { min-height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 28px; text-align: center; }
.tao-404-num { font-family: var(--display); font-size: clamp(80px,15vw,180px); font-weight: 800; letter-spacing: -.06em; color: transparent; -webkit-text-stroke: 2px var(--amber); line-height: 1; }
.tao-404-msg { font-size: 18px; color: var(--dim); margin: 16px 0 28px; max-width: 40ch; }

/* ============================================================
   v2.4 CRITICAL FIXES
   ============================================================ */

/* ── 1. Hide MH logo text — keep image logo only ── */
.mh-header-text,
.mh-header-title,
.mh-header-tagline,
.mh-site-logo .mh-header-text { display: none !important; }

/* ── 2. Dark/light toggle button ── */
.tao-dark-toggle {
    background: transparent !important;
    border: 1px solid var(--bd2) !important;
    border-radius: 50% !important;
    width: 32px !important; height: 32px !important;
    display: inline-flex !important;
    align-items: center !important; justify-content: center !important;
    cursor: pointer !important;
    color: var(--dim) !important;
    transition: border-color .13s, color .13s !important;
    flex-shrink: 0;
    vertical-align: middle;
}
.tao-dark-toggle:hover { border-color: var(--amber-ln) !important; color: var(--amber) !important; }

/* ── 3. Mobile — hide desktop nav list on mobile (SlickNav handles it) ── */
@media (max-width: 900px) {
    /* Hide the UL nav that SlickNav clones */
    .mh-main-nav > ul.mh-menu { display: none !important; }
    /* Show SlickNav */
    .slicknav_menu { display: block !important; }
    /* Header layout */
    header.mh-header .mh-container-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 16px !important;
        min-height: 52px !important;
        flex-wrap: nowrap !important;
    }
    .mh-site-logo { flex: 1; }
    .social-media-icons {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
        flex-shrink: 0;
    }
    /* Keep only toggle on mobile, hide X/Discord/YT */
    .social-media-icons a { display: none !important; }
    .social-media-icons .tao-dark-toggle { display: inline-flex !important; }
    /* Preheader/subheader hidden on mobile */
    .mh-preheader, .mh-subheader { display: none !important; }
    /* Extra nav hidden */
    .mh-extra-nav-wrap { display: none !important; }
}

/* ── 4. Article content — override MH colours to match dark theme ── */
.single .entry-content,
.tao-article-body,
.page .entry-content {
    font-family: var(--body) !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #c0c4cc !important;
}
.single .entry-content p,
.tao-article-body p,
.page .entry-content p {
    color: #c0c4cc !important;
    margin-bottom: 1.4em !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
}
.single .entry-content h2,
.tao-article-body h2 {
    font-family: var(--display) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    margin: 36px 0 14px !important;
    letter-spacing: -.02em !important;
    line-height: 1.2 !important;
}
.single .entry-content h3,
.tao-article-body h3 {
    font-family: var(--display) !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    color: var(--ink) !important;
    margin: 28px 0 12px !important;
}
.single .entry-content a,
.tao-article-body a {
    color: var(--amber) !important;
    border-bottom: 1px solid var(--amber-ln) !important;
    text-decoration: none !important;
}
.single .entry-content a:hover,
.tao-article-body a:hover { opacity: .8 !important; }
.single .entry-content strong,
.tao-article-body strong { color: var(--ink) !important; font-weight: 600 !important; }
.single .entry-content em { color: var(--dim) !important; }
.single .entry-content blockquote,
.tao-article-body blockquote {
    border-left: 3px solid var(--amber) !important;
    background: var(--surface2) !important;
    padding: 16px 22px !important;
    margin: 28px 0 !important;
    border-radius: 0 4px 4px 0 !important;
}
.single .entry-content blockquote p,
.tao-article-body blockquote p {
    font-size: 19px !important;
    color: #e0e4ec !important;
    font-style: italic !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
.single .entry-content ul,
.single .entry-content ol,
.tao-article-body ul,
.tao-article-body ol { margin: 0 0 20px 20px !important; }
.single .entry-content li,
.tao-article-body li {
    color: #c0c4cc !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    margin-bottom: 8px !important;
}
.single .entry-content img { border-radius: 4px !important; }
.single .entry-content code {
    font-family: var(--mono) !important;
    background: var(--surface2) !important;
    color: var(--amber) !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
}
.single .entry-content pre {
    background: var(--surface2) !important;
    border: 1px solid var(--bd2) !important;
    border-radius: 6px !important;
    padding: 16px !important;
    overflow-x: auto !important;
}

/* Light mode article overrides */
body.tao-light .single .entry-content,
body.tao-light .tao-article-body,
body.tao-light .page .entry-content { color: #374151 !important; }
body.tao-light .single .entry-content p,
body.tao-light .tao-article-body p { color: #374151 !important; }
body.tao-light .single .entry-content h2,
body.tao-light .single .entry-content h3 { color: #111827 !important; }
body.tao-light .single .entry-content blockquote { background: #f3f4f6 !important; }
body.tao-light .single .entry-content blockquote p { color: #374151 !important; }

/* ── 5. Footer — use WP custom logo, not our custom SVG ── */
.tao-footer-brand .tao-footer-brand-name { display: none; } /* hide text version */
.tao-footer-brand .custom-logo-link img { max-height: 36px; width: auto; }
/* If no custom logo, show site name */
.tao-footer-brand .tao-footer-text-logo {
    font-family: var(--display);
    font-size: 16px;
    font-weight: 700;
    color: var(--amber);
}

/* ── 6. Footer duplicate newsletter from MH widgets — hide it ── */
.mh-footer .widget_text,
.mh-footer .widget_custom_html,
.mh-footer-widgets { display: none !important; }

/* ── 7. Ticker live data — real subnets, use existing CSS classes ── */
.tao-tick b { color: var(--amber); }
.tao-tick .up { color: var(--up); }
.tao-tick .dn { color: var(--dn); }

/* ── 8. Category cards — ensure icon + name always visible ── */
.tao-cat-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-height: 120px !important;
}
.tao-cat-icon { flex-shrink: 0 !important; }
.tao-cat-name { font-size: 13px !important; font-weight: 600 !important; color: var(--ink) !important; }
.tao-cat-desc { font-size: 10px !important; color: var(--faint) !important; line-height: 1.4 !important; }
.tao-cat-count { font-size: 10px !important; font-weight: 600 !important; color: var(--amber) !important; margin-top: auto !important; }

/* ── 9. Hero must always show ── */
.tao-hero { display: flex !important; border-bottom: 1px solid var(--bd); }
.tao-hero-main { flex: 1 !important; border-right: 1px solid var(--bd); min-width: 0; }
.tao-hero-img { position: relative !important; height: 320px !important; overflow: hidden !important; display: block !important; }

/* ── 10. No duplicate MH content on front-page ── */
/* MH Magazine wraps content in mh-wrapper > mh-main — hide on our custom pages */
.tao-front .mh-wrapper > .mh-main > .mh-container > .mh-row > .mh-col-2-3,
.tao-front .mh-wrapper > .mh-main > .mh-container > .mh-row > .mh-col-1-3,
.tao-front .mh-loop,
.tao-front #mh-main-content { display: none !important; }

/* ── Centre logo in header ── */
.mh-site-logo,
.mh-site-identity,
.mh-custom-header,
.mh-col-1-1.mh-site-identity {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex: 1 !important;
}
.mh-site-logo a,
.custom-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.mh-header-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}
/* When social icons present, logo still centres between them */
.mh-container-inner {
    display: flex !important;
    align-items: center !important;
}
.mh-container-inner .mh-custom-header {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
}

/* ── Mobile nav — SlickNav collapsed by default ── */
@media (max-width: 900px) {
    /* SlickNav nav must be hidden until toggled */
    .slicknav_nav {
        display: none !important;
    }
    /* SlickNav shows it when open class added by JS */
    .slicknav_nav.slicknav_open,
    .slicknav_nav[aria-expanded="true"] {
        display: block !important;
    }
    /* Hide the raw MH nav wrap on mobile — SlickNav replaces it */
    .mh-main-nav-wrap {
        display: none !important;
    }
    /* Show SlickNav menu wrapper */
    .slicknav_menu {
        display: block !important;
        background: transparent !important;
        padding: 0 !important;
    }
    /* Position SlickNav button correctly */
    .slicknav_btn {
        margin: 0 !important;
        padding: 8px !important;
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    /* SlickNav dropdown position */
    .slicknav_menu .slicknav_nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        background: var(--bg2) !important;
        border-bottom: 1px solid var(--bd) !important;
    }
}


/* ============================================================
   SHORTCODE DARK THEME OVERRIDES v2
   Uses exact hex values from prototype styles.css
   --bg: #0a0a0c  --bg2: #0f1013  --surface: #15161b
   --surface2: #1c1e25  --border: rgba(255,255,255,.07)
   --border2: rgba(255,255,255,.13)  --amber: #ffb43d
   --ink: #f6f7f9  --dim: #a4a8b2  --faint: #6b6f7a
   --up: #35d399  --dn: #ff5d6c
   ============================================================ */

/* ── TAO CALCULATOR ── */
.tao-calculator-wrap {
    background: #0f1013 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.6) !important;
    border-radius: 12px !important;
    color: #f6f7f9 !important;
}
.tao-calc-header {
    background: linear-gradient(135deg, #15161b 0%, #1c1e25 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
.tao-calc-header h2 { color: #f6f7f9 !important; }
.tao-calc-price-info { color: #a4a8b2 !important; }
.tao-calc-price-badge {
    background: rgba(255,255,255,.06) !important;
    color: #a4a8b2 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}
.tao-calc-content { background: #0f1013 !important; padding: 20px !important; }
.tao-calc-grid { gap: 16px !important; }
.tao-calc-input-group label { color: #6b6f7a !important; font-size: 11px !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.tao-calc-input-wrapper { gap: 8px !important; }
.tao-calc-input {
    background: #0a0a0c !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #ffb43d !important;
    border-radius: 8px !important;
    font-size: 1.1rem !important;
    box-shadow: none !important;
}
.tao-calc-input:hover { border-color: rgba(255,255,255,.2) !important; box-shadow: none !important; }
.tao-calc-input:focus {
    border-color: #ffb43d !important;
    background: #0a0a0c !important;
    box-shadow: 0 0 0 3px rgba(255,180,61,.15) !important;
}
.tao-calc-input::placeholder { color: #6b6f7a !important; opacity: 1 !important; }
.tao-calc-currency-badge { color: #6b6f7a !important; }
.tao-calc-select {
    background: #0a0a0c !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #a4a8b2 !important;
    border-radius: 8px !important;
}
.tao-calc-select:focus { border-color: #ffb43d !important; box-shadow: none !important; }
.tao-calc-quick-btns { gap: 6px !important; }
.tao-calc-quick-btn {
    background: #1c1e25 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #a4a8b2 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
}
.tao-calc-quick-btn:hover,
.tao-calc-quick-btn-active {
    background: #ffb43d !important;
    color: #0a0a0c !important;
    border-color: #ffb43d !important;
    transform: none !important;
}
.tao-calc-section {
    background: #15161b !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 10px !important;
}
.tao-calc-section h3 { color: #f6f7f9 !important; font-size: 13px !important; }
.tao-calc-date-input {
    background: #0a0a0c !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #f6f7f9 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.tao-calc-date-input:focus { border-color: #ffb43d !important; box-shadow: none !important; }
.tao-calc-btn-primary { background: #ffb43d !important; color: #0a0a0c !important; border-radius: 8px !important; }
.tao-calc-btn-primary:hover { background: #ff993d !important; transform: none !important; }
.tao-calc-btn-primary:disabled { background: #6b6f7a !important; }
.tao-calc-btn-success { background: #35d399 !important; color: #0a0a0c !important; }
.tao-calc-historical-result {
    background: #15161b !important;
    border: 1px solid rgba(255,180,61,.28) !important;
    border-radius: 8px !important;
}
.tao-calc-historical-result p { color: #a4a8b2 !important; }
.tao-calc-historical-price { color: #ffb43d !important; font-size: 1.6rem !important; }
.tao-calc-alert-input {
    background: #0a0a0c !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #f6f7f9 !important;
}
.tao-calc-alert-item {
    background: #1c1e25 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}
.tao-calc-alert-price { color: #f6f7f9 !important; }
.tao-calc-alert-type { color: #6b6f7a !important; }
.tao-calc-btn-remove { background: #ff5d6c !important; border-radius: 6px !important; }
.tao-calc-insight {
    background: #15161b !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 10px !important;
}
.tao-calc-insight h3 { color: #ffb43d !important; }
.tao-calc-insight-item {
    background: #1c1e25 !important;
    border-radius: 6px !important;
}
.tao-calc-insight-label { color: #6b6f7a !important; }
.tao-calc-insight-value { color: #f6f7f9 !important; }
.tao-calc-value-up { color: #35d399 !important; }
.tao-calc-value-down { color: #ff5d6c !important; }
.tao-calc-loading { background: #0f1013 !important; min-height: 200px !important; }
.tao-calc-spinner { border-color: rgba(255,255,255,.1) !important; border-top-color: #ffb43d !important; }
.tao-calc-error { background: rgba(255,93,108,.1) !important; border-color: #ff5d6c !important; color: #ff5d6c !important; }
.tao-calc-empty { color: #6b6f7a !important; }

/* ── WHALE TRACKER ── */
.tao-whales-container {
    background: #0f1013 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.6) !important;
    border-radius: 12px !important;
    color: #f6f7f9 !important;
}
.tao-whales-header {
    background: linear-gradient(135deg, #15161b 0%, #1c1e25 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 24px !important;
}
.tao-whales-header h2 { color: #f6f7f9 !important; font-size: 1.5rem !important; }
.tao-whales-header .subtitle { color: #a4a8b2 !important; }
.tao-whales-stats {
    background: #15161b !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 16px 24px !important;
}
.tao-whales-stat-label {
    color: #6b6f7a !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
}
.tao-whales-stat-value { color: #f6f7f9 !important; font-size: 1.4rem !important; }
.tao-whales-filters {
    background: #0f1013 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 14px 24px !important;
}
.tao-whales-search {
    background: #0a0a0c !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #f6f7f9 !important;
    border-radius: 8px !important;
}
.tao-whales-search::placeholder { color: #6b6f7a !important; }
.tao-whales-search:focus { border-color: #ffb43d !important; box-shadow: none !important; outline: none !important; }
.tao-whales-filter-btn {
    background: #1c1e25 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #a4a8b2 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}
.tao-whales-filter-btn:hover,
.tao-whales-filter-btn.active {
    background: #ffb43d !important;
    color: #0a0a0c !important;
    border-color: #ffb43d !important;
}
.tao-whales-content { background: #0f1013 !important; padding: 24px !important; }
.tao-whales-table-wrap { border-radius: 8px !important; overflow: hidden !important; border: 1px solid rgba(255,255,255,.07) !important; }
.tao-whales-table thead {
    background: #15161b !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
}
.tao-whales-table th {
    color: #6b6f7a !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    padding: 12px 16px !important;
}
.tao-whales-table th:hover { background: #1c1e25 !important; }
.tao-whales-table tbody tr { border-bottom: 1px solid rgba(255,255,255,.05) !important; }
.tao-whales-table tbody tr:hover { background: #15161b !important; }
.tao-whales-table td { color: #a4a8b2 !important; padding: 12px 16px !important; }
.whale-rank { color: #6b6f7a !important; }
.whale-rank.top-3 { color: #ffb43d !important; }
.whale-address-text { color: #ffb43d !important; }
.whale-address-text:hover { opacity: .8 !important; }
.copy-btn {
    background: #1c1e25 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #6b6f7a !important;
    border-radius: 4px !important;
}
.copy-btn:hover { background: #ffb43d !important; color: #0a0a0c !important; border-color: #ffb43d !important; }
.whale-balance { color: #f6f7f9 !important; }
.whale-usd { color: #35d399 !important; }
.whale-percent { color: #ffb43d !important; }
.tao-whales-footer {
    background: #15161b !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    color: #6b6f7a !important;
    font-size: 11px !important;
}
.tao-whales-loading { background: #0f1013 !important; min-height: 200px !important; }
.tao-whales-spinner { border-color: rgba(255,255,255,.1) !important; border-top-color: #ffb43d !important; }
.tao-whales-empty { color: #6b6f7a !important; }
.page-btn {
    background: #1c1e25 !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    color: #a4a8b2 !important;
    border-radius: 6px !important;
}
.page-btn:hover:not(:disabled) { background: #ffb43d !important; color: #0a0a0c !important; border-color: #ffb43d !important; }
.page-btn.active { background: #ffb43d !important; color: #0a0a0c !important; border-color: #ffb43d !important; }
.page-btn:disabled { opacity: .25 !important; }

/* ── SUBNETS LIST ── */
.tao-list-wrap {
    background: #0f1013 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.tao-head {
    background: #15161b !important;
    color: #f6f7f9 !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    border-bottom: 2px solid #ffb43d !important;
    padding: 14px 18px !important;
    text-align: left !important;
    font-weight: 700 !important;
}
.tao-list { background: #0f1013 !important; }
.tao-row { border-bottom: 1px solid rgba(255,255,255,.05) !important; }
.tao-row a {
    color: #a4a8b2 !important;
    padding: 10px 18px !important;
}
.tao-row:hover { background: #15161b !important; }
.tao-row:hover a { background: transparent !important; }
.tao-sn { color: #6b6f7a !important; font-size: 12px !important; }
.tao-name { color: #a4a8b2 !important; }
.tao-price { color: #ffb43d !important; font-weight: 600 !important; }
.tao-up { color: #35d399 !important; }
.tao-down { color: #ff5d6c !important; }

/* ── BTC/TAO WIDGET ── */
.crypto-box {
    background: #0f1013 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.box-head {
    background: #15161b !important;
    color: #6b6f7a !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    border-bottom: 2px solid #ffb43d !important;
    padding: 12px 18px !important;
}
.crypto-list { background: #0f1013 !important; padding: 12px !important; gap: 8px !important; }
.crypto-item {
    background: #15161b !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.crypto-name { color: #f6f7f9 !important; }
.crypto-price { color: #f6f7f9 !important; }
.up { color: #35d399 !important; }
.down { color: #ff5d6c !important; }

/* ── TAO EVENTS ── */
.tao-events-container { color: #f6f7f9 !important; }
.tao-event-card {
    background: #15161b !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
}
.tao-event-card:hover {
    border-color: rgba(255,180,61,.28) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.6) !important;
    transform: translateY(-4px) !important;
}
.tao-event-title { color: #f6f7f9 !important; }
.tao-event-description { color: #a4a8b2 !important; }
.tao-event-meta-item { color: #6b6f7a !important; }
.tao-event-placeholder {
    background: linear-gradient(135deg, #1c1e25, #15161b) !important;
}
.tao-event-badge {
    background: rgba(255,255,255,.08) !important;
    color: #a4a8b2 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
.tao-event-countdown {
    background: #0f1013 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 8px !important;
}
.countdown-label { color: #6b6f7a !important; }
.tao-events-empty {
    background: #15161b !important;
    border: 2px dashed rgba(255,255,255,.1) !important;
    color: #6b6f7a !important;
}
.tao-events-empty-icon { opacity: .3 !important; }

/* ── Light mode reversal ── */
body.tao-light .tao-calculator-wrap,
body.tao-light .tao-whales-container,
body.tao-light .tao-list-wrap,
body.tao-light .crypto-box {
    background: #ffffff !important;
    border-color: rgba(0,0,0,.1) !important;
}
body.tao-light .tao-calc-header,
body.tao-light .tao-whales-header { background: linear-gradient(135deg, #f3f4f6, #e5e7eb) !important; }
body.tao-light .tao-calc-header h2,
body.tao-light .tao-whales-header h2 { color: #111827 !important; }
body.tao-light .tao-calc-content,
body.tao-light .tao-whales-content,
body.tao-light .tao-whales-filters,
body.tao-light .crypto-list { background: #ffffff !important; }
body.tao-light .tao-calc-input,
body.tao-light .tao-calc-select,
body.tao-light .tao-calc-date-input,
body.tao-light .tao-whales-search { background: #ffffff !important; border-color: #d1d5db !important; color: #111827 !important; }
body.tao-light .tao-calc-section,
body.tao-light .tao-calc-insight,
body.tao-light .tao-calc-insight-item,
body.tao-light .tao-calc-alert-item,
body.tao-light .tao-whales-stats,
body.tao-light .tao-whales-footer,
body.tao-light .tao-whales-table-wrap { background: #f9fafb !important; border-color: #e5e7eb !important; }
body.tao-light .tao-calc-quick-btn,
body.tao-light .tao-whales-filter-btn,
body.tao-light .page-btn { background: #f3f4f6 !important; color: #374151 !important; border-color: #e5e7eb !important; }
body.tao-light .tao-calc-input-group label,
body.tao-light .tao-whales-stat-label { color: #6b7280 !important; }
body.tao-light .tao-whales-stat-value { color: #111827 !important; }
body.tao-light .tao-whales-table thead { background: #f9fafb !important; border-color: #e5e7eb !important; }
body.tao-light .tao-whales-table th { color: #6b7280 !important; }
body.tao-light .tao-whales-table tbody tr { border-color: #e5e7eb !important; }
body.tao-light .tao-whales-table tbody tr:hover { background: #f9fafb !important; }
body.tao-light .tao-whales-table td { color: #374151 !important; }
body.tao-light .whale-balance { color: #111827 !important; }
body.tao-light .tao-head { background: #f9fafb !important; color: #111827 !important; }
body.tao-light .tao-row:hover { background: #f3f4f6 !important; }
body.tao-light .tao-name { color: #374151 !important; }
body.tao-light .crypto-item { background: #f9fafb !important; border-color: #e5e7eb !important; }
body.tao-light .crypto-name,
body.tao-light .crypto-price { color: #111827 !important; }
body.tao-light .tao-event-card { background: #ffffff !important; border-color: #e5e7eb !important; }
body.tao-light .tao-event-title { color: #111827 !important; }
body.tao-light .tao-event-description { color: #4b5563 !important; }
body.tao-light .tao-event-countdown { background: #f9fafb !important; border-color: #e5e7eb !important; }
body.tao-light .tao-events-empty { background: #f9fafb !important; border-color: #e5e7eb !important; }

/* ── AnsPress / Community — light theme overrides ── */
body.tao-light #ap-single,
body.tao-light .anspress { background: transparent; }
body.tao-light .ap-single-vote { background: #ffffff !important; border-color: #e5e7eb !important; }
body.tao-light .ap-single-vote .ap-vote-count { color: #111827 !important; }
body.tao-light #question.ap-content, body.tao-light .answer .ap-content { border-color: #e5e7eb !important; }
body.tao-light .answer.best-answer { background: rgba(16,185,129,.06) !important; border-color: rgba(16,185,129,.28) !important; }
body.tao-light .ap-q h1, body.tao-light #ap-single h1 { color: #111827 !important; }
body.tao-light .ap-content-inner, body.tao-light .question-content { color: #374151 !important; }
body.tao-light .ap-q-metas, body.tao-light .ap-question-meta { color: #6b7280 !important; }
body.tao-light .ap-form, body.tao-light #answer-form, body.tao-light #question-form {
    background: #ffffff !important; border-color: #e5e7eb !important;
}
body.tao-light .ap-form input, body.tao-light .ap-form textarea,
body.tao-light .anspress .wp-editor-area { background: #f9fafb !important; border-color: #e5e7eb !important; color: #111827 !important; }
body.tao-light .ap-questions-item { border-color: #e5e7eb !important; }
body.tao-light .ap-questions-item .question-hyperlink,
body.tao-light .ap-questions-item .question-title { color: #111827 !important; }
body.tao-light .ap-questions-count { border-color: #e5e7eb !important; color: #6b7280 !important; }
body.tao-light .ap-questions-count span[itemprop] { color: #111827 !important; }
body.tao-light #ap-qsidebar, body.tao-light .ap-qsidebar { background: #ffffff !important; border-color: #e5e7eb !important; }
body.tao-light .qa-row-list { background: #ffffff !important; border-color: #e5e7eb !important; }
body.tao-light .qa-lrow { border-color: #e5e7eb !important; }
body.tao-light .qa-lrow:hover { background: #f9fafb !important; }
body.tao-light .qa-lrow h5 { color: #111827 !important; }
body.tao-light .qa-vote { border-color: #e5e7eb !important; }

/* ── Ticker + Masthead — fix ash/muddy contrast in light mode ──
   The dark theme uses translucent-black + backdrop-filter blur, which
   assumes a dark page behind it. On a light background that produces
   washed-out, low-contrast gray. Replace with solid light surfaces. */
body.tao-light .ticker {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    backdrop-filter: none !important;
}
body.tao-light .ticker-label { color: #6b7280 !important; }
body.tao-light .ticker-label .dot { background: #10b981 !important; }
body.tao-light .tick .sym { color: #6b7280 !important; }
body.tao-light .tick .px { color: #111827 !important; }
body.tao-light .tick .up { color: #059669 !important; }
body.tao-light .tick .dn { color: #dc2626 !important; }

body.tao-light .masthead {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    backdrop-filter: none !important;
}
body.tao-light .nav a { color: #4b5563 !important; }
body.tao-light .nav a:hover { color: #111827 !important; background: #f3f4f6 !important; }
body.tao-light .nav a.active,
body.tao-light .nav .current-menu-item > a,
body.tao-light .nav .current_page_item > a { color: #d97706 !important; }
body.tao-light .brand .wm .t { color: #6b7280 !important; }
body.tao-light .brand .wm .n { color: #111827 !important; }
body.tao-light .icon-btn { background: #f3f4f6 !important; border-color: #e5e7eb !important; color: #4b5563 !important; }
body.tao-light .icon-btn:hover { background: #e5e7eb !important; color: #111827 !important; }