/**
 * TeachDemy — Dark Mode support (REWRITTEN v2 — fixes invisible text).
 *
 * The core issue in v1 was that --navy is used BOTH as a text color
 * (headings, prices) AND as a background color (top bar, footer).
 * Setting --navy to a dark value in dark mode made all heading text
 * invisible. This v2 keeps --navy dark (for backgrounds) but adds
 * explicit light-color overrides for every text element.
 */

/* ============================================================
 * Dark mode color tokens
 * --navy stays dark (used for backgrounds: top bar, footer, banner)
 * Text uses explicit overrides below (not --navy)
 * ============================================================ */
html[data-theme="dark"]{
        --navy:#0a1f1f;
        --navy2:#0d2e2a;
        --blue:#4b91ff;
        --blue2:#6ba4ff;
        --cyan:#3bc4f0;
        --green:#27c58b;
        --green2:#3ad89c;
        --mint:rgba(39,197,139,.12);
        --ink:#e8f0ee;
        --muted:#9ab4b0;
        --bg:#06181a;
        --line:#1a3030;
        --white:#0a1f1f;
        --gold:#f7bd31;
        --shadow:0 18px 50px rgba(0,0,0,.35);
        --cream:#0d2222;
        color-scheme:dark;
}

/* Body + page background */
html[data-theme="dark"] body{background:#06181a;color:#e8f0ee}
html[data-theme="dark"] .td-page{background:#06181a;color:#e8f0ee}
html[data-theme="dark"] .wd-page-wrapper{background:#06181a}

/* ============================================================
 * TEXT COLOR OVERRIDES (the critical fix)
 * All elements that use var(--navy) or hardcoded dark colors
 * for TEXT get forced to light in dark mode.
 * ============================================================ */
html[data-theme="dark"] .td-page h1,
html[data-theme="dark"] .td-page h2,
html[data-theme="dark"] .td-page h3,
html[data-theme="dark"] .td-page h4,
html[data-theme="dark"] .td-page h5,
html[data-theme="dark"] .td-page .title,
html[data-theme="dark"] .td-page .brandname,
html[data-theme="dark"] .td-page .brandname span,
html[data-theme="dark"] .td-page .price,
html[data-theme="dark"] .td-page .stat b,
html[data-theme="dark"] .td-page .panel-item b,
html[data-theme="dark"] .td-page .goal h3,
html[data-theme="dark"] .td-page .cat h3,
html[data-theme="dark"] .td-page .feature b,
html[data-theme="dark"] .td-page .person-card h3,
html[data-theme="dark"] .td-page .course h3,
html[data-theme="dark"] .td-page .card h3,
html[data-theme="dark"] .td-page .pick h3,
html[data-theme="dark"] .td-page .session-opt .dur,
html[data-theme="dark"] .td-page .wizard-review h3,
html[data-theme="dark"] .td-page .review-total .label,
html[data-theme="dark"] .td-page .review-total .value,
html[data-theme="dark"] .td-page .review-row .value,
html[data-theme="dark"] .td-page .td-ct-name,
html[data-theme="dark"] .td-page .td-modal-header h3,
html[data-theme="dark"] .td-page .section-title h2,
html[data-theme="dark"] .td-page .section-row h2,
html[data-theme="dark"] .td-page .banner h2,
html[data-theme="dark"] .td-page .error-hero h1,
html[data-theme="dark"] .td-page .page-hero h1,
html[data-theme="dark"] .td-page .hero h1,
html[data-theme="dark"] .td-page .td-cmd-item-text b,
html[data-theme="dark"] .td-page .td-share-btn,
html[data-theme="dark"] .td-page .foot h3,
html[data-theme="dark"] .td-page .foot-brand p,
html[data-theme="dark"] .td-page .td-404-suggestion h4,
html[data-theme="dark"] .td-page .td-news-text h3,
html[data-theme="dark"] .td-page .td-cookie-text strong,
html[data-theme="dark"] .td-page .td-kbd-row span,
html[data-theme="dark"] .td-page .td-rating-row .td-star-label,
html[data-theme="dark"] .td-page .td-search-live .td-sl-text b,
html[data-theme="dark"] .td-page .td-search-live .td-sl-price { color:#e8f0ee !important }

html[data-theme="dark"] .td-page .hero h1 em,
html[data-theme="dark"] .td-page .page-hero h1 em,
html[data-theme="dark"] .td-page .title em,
html[data-theme="dark"] .td-page .td-grad-h { color:transparent !important }

/* Muted text */
html[data-theme="dark"] .td-page .lead,
html[data-theme="dark"] .td-page .card p,
html[data-theme="dark"] .td-page .course .instructor,
html[data-theme="dark"] .td-page .course .meta,
html[data-theme="dark"] .td-page .rating,
html[data-theme="dark"] .td-page .stat span,
html[data-theme="dark"] .td-page .panel-item small,
html[data-theme="dark"] .td-page .goal p,
html[data-theme="dark"] .td-page .cat p,
html[data-theme="dark"] .td-page .feature p,
html[data-theme="dark"] .td-page .person-card p,
html[data-theme="dark"] .td-page .section-title p,
html[data-theme="dark"] .td-page .section-row p,
html[data-theme="dark"] .td-page .view,
html[data-theme="dark"] .td-page .course-body .meta,
html[data-theme="dark"] .td-page .review-row .label,
html[data-theme="dark"] .td-page .policy-note,
html[data-theme="dark"] .td-page .td-cmd-item-text small,
html[data-theme="dark"] .td-page .td-cmd-group,
html[data-theme="dark"] .td-page .td-search-live .td-sl-text small,
html[data-theme="dark"] .td-page .td-rating-row .td-rating-count,
html[data-theme="dark"] .td-page .td-meta-row .td-meta-item,
html[data-theme="dark"] .td-page .td-reading-time,
html[data-theme="dark"] .td-page .accordion .accordion-body,
html[data-theme="dark"] .td-page .step p,
html[data-theme="dark"] .td-page .td-cookie-text span,
html[data-theme="dark"] .td-page .td-cmd-footer,
html[data-theme="dark"] .td-page .td-empty-state,
html[data-theme="dark"] .td-page .td-search-live .td-sl-empty,
html[data-theme="dark"] .td-page .td-search-live .td-sl-loading { color:#9ab4b0 !important }

/* Nav links */
html[data-theme="dark"] .td-page .navlinks>a{color:#c5d4d0 !important}
html[data-theme="dark"] .td-page .navlinks>a:hover,
html[data-theme="dark"] .td-page .navlinks>a.is-active{color:#27c58b !important}

/* Buttons */
html[data-theme="dark"] .td-page .btn.ghost{color:#a8b8b5 !important}
html[data-theme="dark"] .td-page .btn.ghost:hover{background:#0d2222 !important;color:#27c58b !important}
html[data-theme="dark"] .td-page .secondary{background:#0d2222 !important;color:#e8f0ee !important;border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .secondary:hover{border-color:#27c58b !important;color:#27c58b !important}

/* ============================================================
 * Backgrounds
 * ============================================================ */
html[data-theme="dark"] .td-page .header{background:#0a1f1f !important;border-bottom-color:#1a3030 !important}
html[data-theme="dark"] .td-page .top{background:linear-gradient(90deg,#061515,#0a2825) !important}
html[data-theme="dark"] .td-page .card{background:#0d2222 !important;border-color:#1a3030 !important;box-shadow:0 8px 28px rgba(0,0,0,.25) !important}
/* .hero-panel / .panel-item / .goal / .cat use the same "white card"
   visual pattern as .card, but were missing this background
   conversion — their text was already being lightened (inherited
   from .td-page's dark-mode color, or explicit overrides further
   down), which on a still-white card made it nearly invisible. */
html[data-theme="dark"] .td-page .hero-panel,
html[data-theme="dark"] .td-page .goal,
html[data-theme="dark"] .td-page .cat{background:#0d2222 !important;border-color:#1a3030 !important;box-shadow:0 8px 28px rgba(0,0,0,.25) !important}
html[data-theme="dark"] .td-page .panel-item{border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .panel-head h3{color:#e8f0ee !important}

/* Every other "white card" component on the homepage — same pattern
   as .card/.goal/.cat/.hero-panel above. Their inner text already
   uses var(--navy)/var(--muted)/var(--ink), which IS correctly
   redefined for dark mode further down in this file — but only reads
   correctly once the card itself is also converted to a dark
   background. Without this, --muted's dark-mode value in particular
   (a light gray-green) is low-contrast on the white card it was
   still sitting on. */
html[data-theme="dark"] .td-page .course,
html[data-theme="dark"] .td-page .person-card,
html[data-theme="dark"] .td-page .step,
html[data-theme="dark"] .td-page .support-step,
html[data-theme="dark"] .td-page .testimonial,
html[data-theme="dark"] .td-page .faq details,
html[data-theme="dark"] .td-page .chat-card,
html[data-theme="dark"] .td-page .chat-preview,
html[data-theme="dark"] .td-page .chat-actions,
html[data-theme="dark"] .td-page .instructor-msg,
html[data-theme="dark"] .td-page .logo-card,
html[data-theme="dark"] .td-page .logo-strip,
html[data-theme="dark"] .td-page .logo-marquee,
html[data-theme="dark"] .td-page .logo-marquee-item--card,
html[data-theme="dark"] .td-page .mentor-subscriptions{
	background:#0d2222 !important;
	border-color:#1a3030 !important;
}
html[data-theme="dark"] .td-page .support-step.free-support{
	background:linear-gradient(135deg,#0d2222,#0f2b22) !important;
	border-color:#245c46 !important;
}
html[data-theme="dark"] .td-page .instructor-msg{
	color:#c8dedb !important;
}
html[data-theme="dark"] .td-page .course h3,
html[data-theme="dark"] .td-page .step h3,
html[data-theme="dark"] .td-page .support-step b,
html[data-theme="dark"] .td-page .chat-preview-copy h3,
html[data-theme="dark"] .td-page .faq summary,
html[data-theme="dark"] .td-page .mentor-subscriptions h3,
html[data-theme="dark"] .td-page .logo-card span{
	color:#e8f0ee !important;
}
html[data-theme="dark"] .td-page .course p,
html[data-theme="dark"] .td-page .step p,
html[data-theme="dark"] .td-page .support-step p,
html[data-theme="dark"] .td-page .chat-preview-copy>p,
html[data-theme="dark"] .td-page .chat-actions>span,
html[data-theme="dark"] .td-page .testimonial p,
html[data-theme="dark"] .td-page .person-card p{
	color:#9ab4b0 !important;
}
html[data-theme="dark"] .td-page .course-bottom .price,
html[data-theme="dark"] .td-page .person-card h3,
html[data-theme="dark"] .td-page .subscription-head h3,
html[data-theme="dark"] .td-page .subscription-note b{
	color:#e8f0ee !important;
}
html[data-theme="dark"] .td-page .subscription-intro{
	color:#9ab4b0 !important;
}
html[data-theme="dark"] .td-page .subscription-note{
	background:#0f2b22 !important;
}
html[data-theme="dark"] .td-page .subscription-note p{
	color:#9ab4b0 !important;
}
html[data-theme="dark"] .td-page .card:hover{box-shadow:0 16px 40px rgba(0,0,0,.4) !important;border-color:rgba(39,197,139,.4) !important}
html[data-theme="dark"] .td-page .hero{background:linear-gradient(125deg,#061515,#0a2825 55%,#0a3a5e) !important}
html[data-theme="dark"] .td-page .section{background:#06181a !important}
html[data-theme="dark"] .td-page .section.alt{background:#081d1d !important}
html[data-theme="dark"] .td-page .soft{background:#081d1d !important}
html[data-theme="dark"] .td-page .page-hero{background:linear-gradient(120deg,#0a1f1f 0%,#0d2e2a 55%,#0a3a5e 100%) !important}
html[data-theme="dark"] .td-page .banner{background:linear-gradient(135deg,#0a1f1f,#0d3a30) !important}
html[data-theme="dark"] .td-page footer{background:#041010 !important}
html[data-theme="dark"] .td-page .foot a{color:#8da4a0 !important}
html[data-theme="dark"] .td-page .foot a:hover{color:#fff !important}
html[data-theme="dark"] .td-page .bottom{border-top-color:rgba(255,255,255,.12) !important}

/* Pills + icons */
html[data-theme="dark"] .td-page .pill{background:rgba(39,197,139,.15) !important;color:#27c58b !important}
html[data-theme="dark"] .td-page .eyebrow{color:#4b91ff !important}
html[data-theme="dark"] .td-page .icon{background:linear-gradient(135deg,rgba(39,197,139,.15),rgba(75,145,255,.12)) !important;color:#27c58b !important}
html[data-theme="dark"] .td-page .kicker{color:#4b91ff !important;border-color:rgba(255,255,255,.18) !important;background:rgba(255,255,255,.07) !important}

/* Form fields */
html[data-theme="dark"] .td-page input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .td-page select,
html[data-theme="dark"] .td-page textarea,
html[data-theme="dark"] .td-page .filterbar input,
html[data-theme="dark"] .td-page .filterbar select{background:#0a1f1f !important;border-color:#1a3030 !important;color:#e8f0ee !important}
html[data-theme="dark"] .td-page input::placeholder,
html[data-theme="dark"] .td-page textarea::placeholder{color:#5a7370 !important}

/* Tables */
html[data-theme="dark"] .td-page .table th{background:rgba(39,197,139,.12) !important;color:#27c58b !important}
html[data-theme="dark"] .td-page .table td,
html[data-theme="dark"] .td-page .table th{border-bottom-color:#1a3030 !important}
html[data-theme="dark"] .td-page .table td{color:#9ab4b0 !important}

/* Accordion */
html[data-theme="dark"] .td-page .accordion details[open]{background:rgba(39,197,139,.06) !important}
html[data-theme="dark"] .td-page .accordion summary{color:#e8f0ee !important}
html[data-theme="dark"] .td-page .accordion{border-top-color:#1a3030 !important}
html[data-theme="dark"] .td-page .accordion details{border-bottom-color:#1a3030 !important}

/* Tabs */
html[data-theme="dark"] .td-page .tabs button{border-color:#1a3030 !important;background:#0d2222 !important;color:#9ab4b0 !important}
html[data-theme="dark"] .td-page .tabs button.active{background:#0a1f1f !important;color:#fff !important;border-color:#0a1f1f !important}

/* Search form */
html[data-theme="dark"] .td-page .td-search-form{background:#0d2222 !important;border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .td-search-form input{color:#e8f0ee !important}
html[data-theme="dark"] .td-search-live{background:#0d2222 !important;border-color:#1a3030 !important}

/* Wizard */
html[data-theme="dark"] .td-page .pick{background:#0d2222 !important;border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .pick.selected{background:rgba(39,197,139,.12) !important;border-color:#27c58b !important}
html[data-theme="dark"] .td-page .session-opt,
html[data-theme="dark"] .td-page .slot{background:#0d2222 !important;border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .wizard-review{background:#0d2222 !important;border-color:#1a3030 !important}
html[data-theme="dark"] .td-page .wizard-steps li{background:#0d2222 !important;border-color:#1a3030 !important;color:#9ab4b0 !important}

/* Compare bar + cookie banner */
html[data-theme="dark"] .td-compare-bar{background:#0a1f1f !important;border-top-color:#1a3030 !important}
html[data-theme="dark"] .td-cookie-banner{background:#0a1f1f !important;border-top-color:#1a3030 !important}
html[data-theme="dark"] .td-compare-chip{background:rgba(39,197,139,.12) !important;border-color:#27c58b !important;color:#e8f0ee !important}

/* Scroll-to-top */
html[data-theme="dark"] .td-scroll-top{background:linear-gradient(135deg,#27c58b,#3ad89c) !important;color:#06181a !important}
html[data-theme="dark"] .td-rp-track{stroke:rgba(255,255,255,.12) !important}
html[data-theme="dark"] .td-rp-label{color:#e8f0ee !important}

/* Toast */
html[data-theme="dark"] #td-toast .td-toast-item{background:#0d2222 !important;color:#fff !important;border:1px solid #1a3030 !important}

/* Command palette */
html[data-theme="dark"] .td-cmd-panel{background:#0d2222 !important;border:1px solid #1a3030 !important}
html[data-theme="dark"] .td-cmd-overlay{background:rgba(6,24,26,.7) !important}

/* Modal */
html[data-theme="dark"] .td-modal{background:#0d2222 !important}
html[data-theme="dark"] .td-modal-header{border-bottom-color:#1a3030 !important}
html[data-theme="dark"] .td-modal-footer{border-top-color:#1a3030 !important}

/* Sticky bar */
html[data-theme="dark"] .td-page .sticky-bar{background:rgba(10,31,31,.98) !important;border-top-color:#1a3030 !important}

/* Policy note */
html[data-theme="dark"] .td-page .policy-note{background:rgba(39,197,139,.12) !important;border-color:#27c58b !important;color:#e8f0ee !important}

/* TOC */
html[data-theme="dark"] .td-toc{background:#0d2222 !important;border-color:#1a3030 !important}

/* Glassmorphism header */
html[data-theme="dark"] .td-page .header.is-scrolled{
        background:rgba(10,31,31,.82) !important;
        border-bottom-color:rgba(26,48,48,.6) !important;
}

/* Footer newsletter */
html[data-theme="dark"] .td-page .td-foot-newsletter{background:linear-gradient(135deg,#0a1f1f,#0d2e2a) !important}

/* Amber "pending" status badges (Withdrawal Requests, Tickets,
   subscription tags) — hardcoded #8A6414 with no dark-mode coverage,
   would be nearly unreadable against the dark card background. */
html[data-theme="dark"] body.woocommerce-endpoint-withdrawal_requests .pending--status,
html[data-theme="dark"] body.woocommerce-endpoint-tickets .pending--ticket,
html[data-theme="dark"] body.woocommerce-endpoint-tickets .open--ticket,
html[data-theme="dark"] .woocommerce-MyAccount-content .tdp-tag-sub{
	color:#f0c869 !important;
	background:rgba(240,200,105,.14) !important;
}

/* WooCommerce elements (shop, product, my-account) */
html[data-theme="dark"] .woocommerce-products-header,
html[data-theme="dark"] .woocommerce-breadcrumb{color:#9ab4b0 !important}
html[data-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#e8f0ee !important}
html[data-theme="dark"] .woocommerce ul.products li.product .price{color:#27c58b !important}
html[data-theme="dark"] .woocommerce ul.products li.product{background:#0d2222 !important;border-color:#1a3030 !important}
html[data-theme="dark"] .woocommerce .star-rating{color:#f7bd31 !important}
html[data-theme="dark"] .woocommerce-message,
html[data-theme="dark"] .woocommerce-info{background:#0d2222 !important;color:#e8f0ee !important;border-top-color:#27c58b !important}
html[data-theme="dark"] .woocommerce form .form-row label{color:#e8f0ee !important}
html[data-theme="dark"] .woocommerce form .form-row input,
html[data-theme="dark"] .woocommerce form .form-row textarea{background:#0a1f1f !important;border-color:#1a3030 !important;color:#e8f0ee !important}
html[data-theme="dark"] .woocommerce .woocommerce-MyAccount-navigation ul li a{color:#9ab4b0 !important}
html[data-theme="dark"] .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{color:#27c58b !important}
html[data-theme="dark"] .woocommerce .woocommerce-MyAccount-content{color:#e8f0ee !important}
html[data-theme="dark"] .woocommerce table.shop_table th{background:rgba(39,197,139,.12) !important;color:#27c58b !important}
html[data-theme="dark"] .woocommerce table.shop_table td{border-color:#1a3030 !important;color:#9ab4b0 !important}
html[data-theme="dark"] .single-product .product_title{color:#e8f0ee !important}
html[data-theme="dark"] .single-product .price{color:#27c58b !important}
html[data-theme="dark"] .single-product .woocommerce-product-details__short-description{color:#9ab4b0 !important}
html[data-theme="dark"] .woocommerce-tabs ul.tabs li.active a{color:#27c58b !important}
html[data-theme="dark"] #reviews .comment-text{color:#e8f0ee !important}

/* WoodMart specific overrides */
html[data-theme="dark"] .wd-page-content{background:#06181a !important}
html[data-theme="dark"] .wd-content-area{color:#e8f0ee !important}
html[data-theme="dark"] .wd-content-area p,
html[data-theme="dark"] .wd-content-area li{color:#9ab4b0 !important}
html[data-theme="dark"] .wd-content-area h1,
html[data-theme="dark"] .wd-content-area h2,
html[data-theme="dark"] .wd-content-area h3,
html[data-theme="dark"] .wd-content-area h4{color:#e8f0ee !important}
html[data-theme="dark"] .wd-sidebar{color:#9ab4b0 !important}
html[data-theme="dark"] .widget{color:#9ab4b0 !important}
html[data-theme="dark"] .widget-title{color:#e8f0ee !important}
html[data-theme="dark"] .widget a{color:#9ab4b0 !important}

/* Blog refresh dark mode */
html[data-theme="dark"] .wd-blog-holder .article-body{background:#0d2222 !important}
html[data-theme="dark"] .wd-blog-holder .article-title{color:#e8f0ee !important}
html[data-theme="dark"] .wd-blog-holder .article-excerpt{color:#9ab4b0 !important}

/* Custom scrollbar (dark) */
html[data-theme="dark"]::-webkit-scrollbar{width:12px;height:12px}
html[data-theme="dark"]::-webkit-scrollbar-track{background:#06181a}
html[data-theme="dark"]::-webkit-scrollbar-thumb{background:#1a3030;border-radius:6px;border:2px solid #06181a}
html[data-theme="dark"]::-webkit-scrollbar-thumb:hover{background:#274540}

/* Light mode custom scrollbar */
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#f0f4f2}
::-webkit-scrollbar-thumb{background:#c5d4d0;border-radius:6px;border:2px solid #f0f4f2}
::-webkit-scrollbar-thumb:hover{background:#16a673}

/* Custom selection color */
.td-page ::selection{background:rgba(22,166,115,.25);color:inherit}
html[data-theme="dark"] .td-page ::selection{background:rgba(39,197,139,.3);color:#fff}
html{scrollbar-gutter:stable}

/* Dark mode toggle button */
.td-theme-toggle{background:none;border:0;color:var(--navy);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center;width:36px;height:36px;transition:background .2s,color .2s;flex:none}
.td-theme-toggle:hover{background:var(--mint);color:var(--green)}
.td-theme-toggle svg{width:18px;height:18px}
.td-theme-toggle .td-sun{display:none}
.td-theme-toggle .td-moon{display:block}
html[data-theme="dark"] .td-theme-toggle .td-sun{display:block}
html[data-theme="dark"] .td-theme-toggle .td-moon{display:none}
html[data-theme="dark"] .td-theme-toggle{color:#e8f0ee}

/* Focus-visible outlines */
.td-page *:focus-visible{outline:2px solid #16a673;outline-offset:2px;border-radius:4px}
.td-page .btn:focus-visible{outline-offset:3px}
.td-page a:focus-visible{outline-offset:3px}

/* Back button */
.td-back-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s;text-decoration:none;margin-bottom:14px}
.td-back-btn:hover{background:rgba(255,255,255,.18);transform:translateX(-3px)}
html[data-theme="dark"] .td-back-btn{background:rgba(39,197,139,.12);border-color:#27c58b;color:#27c58b}
html[data-theme="dark"] .td-back-btn:hover{background:rgba(39,197,139,.2)}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
        *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* OS preference (if no explicit choice) */
@media (prefers-color-scheme: dark){
        html:not([data-theme="light"]){color-scheme:dark}
}

/* ============================================================
 * Item 34 (client edits list): several elements were still
 * unreadable in dark mode even after the pass above.
 * ============================================================ */

/* 34.a — the TeachDemy logo PNG (header + footer) uses dark navy/
   green ink on a transparent background, so it nearly disappears
   against the new dark header/footer. Force it to solid white in
   dark mode — reliable regardless of the source image's colors. */
html[data-theme="dark"] .td-page .brand-logo{
	filter:brightness(0) invert(1);
}
/* Same problem for the partner/university logos in the trust strip
   (top of Home) and the marquee lower on the page. */
html[data-theme="dark"] .td-page .logo-strip img,
html[data-theme="dark"] .td-page .logo-marquee img,
html[data-theme="dark"] .td-page .logo-card img{
	filter:brightness(0) invert(1) opacity(.85);
}
/* The "Learn the Course. Then Get Help From the Expert." note inside
   the TeachDemy Support Ecosystem band sits on a light mint card
   (inline style, not a class). */
html[data-theme="dark"] .td-page .hero-support-note{
	background:#0d2222 !important;
	color:#9ab4b0 !important;
	border-color:#1a3030 !important;
}

/* 34.b — "Choose Category" / "All" are <option> entries inside a
   <select> (course filter + instructor-support wizard step 1). Many
   browsers render the dropdown's OPTION LIST using native colors
   unless each <option> gets an explicit color too. */
html[data-theme="dark"] .td-page select option{
	background:#0a1f1f !important;
	color:#e8f0ee !important;
}

/* 34.c — each article card's category badge (.tdba-card__cat)
   hardcodes a dark-green text color (#0d7a57) on a --mint
   background; --mint goes near-black-transparent in dark mode, so
   the badge became dark text on a near-black chip — unreadable. */
html[data-theme="dark"] .tdba-card__cat{
	color:#27c58b !important;
	border-color:#245c46 !important;
}

/* 34.d — organization logos on the About Us / Our Mission pages
   (same dark-ink-on-transparent PNG problem as 34.a). About reuses
   the Home page's .logo-strip/.logo-marquee (already covered above);
   Our Mission has its own grid markup (.td-org-wall). */
html[data-theme="dark"] .td-page .td-org-wall img{
	filter:brightness(0) invert(1) opacity(.85);
}

/* 34.e/f/g — table body text in the My Account area (Withdrawal
   Requests, Tickets, My Wallet) is WooCommerce's own shop_table
   markup, which the generic ".woocommerce table.shop_table td" rule
   above already lightens — but these 3 endpoints render a SECOND,
   plugin-specific table using class="tdp-table" (not shop_table),
   a DIFFERENT class than the theme's own ".table" dark-mode rule
   targets — so it had no dark-mode coverage at all. */
html[data-theme="dark"] .td-page .tdp-table th{
	background:rgba(39,197,139,.12) !important;
	color:#27c58b !important;
}
html[data-theme="dark"] .td-page .tdp-table td,
html[data-theme="dark"] .td-page .tdp-table th{
	border-bottom-color:#1a3030 !important;
}
html[data-theme="dark"] .td-page .tdp-table td{
	color:#e8f0ee !important;
}
/* My Wallet specifically: the balance readout box and the date/type
   filter form (My Account → account-funds, rendered by awd() in
   class-teach-demy-plus-public.php) hardcode white/near-black via
   INLINE style="" attributes rather than a class, which normal CSS
   cannot override — only an !important rule beats an inline style
   without one, which is what these do. */
html[data-theme="dark"] .td-page .tdp-wallet-balance{
	background:#0d2222 !important;
	border-color:#1a3030 !important;
}
html[data-theme="dark"] .td-page .tdp-wallet-balance span,
html[data-theme="dark"] .td-page .tdp-wallet-balance strong{
	color:#e8f0ee !important;
}
html[data-theme="dark"] .td-page .table-filter-container,
html[data-theme="dark"] .td-page .table-filter-container label,
html[data-theme="dark"] .td-page .table-filter-container strong{
	color:#e8f0ee !important;
}

/* 34.h/i — "My Certification" and "Message" are NOT part of this
   theme/plugin (no matching add_rewrite_endpoint() anywhere in this
   codebase) — they come from a separate plugin not included here. */
html[data-theme="dark"] .woocommerce-MyAccount-content .entry-title{
	color:#e8f0ee !important;
}