/**
 * ╔═══════════════════════════════════════════════════════════════════════════╗
 * ║  905WOOD Digital Refinery — Light Mode Companion V16.0                  ║
 * ║  "Hamilton Grit meets Silicon Valley"                                   ║
 * ║  905WOOD.COM SALES (BIN 1001555872)                                    ║
 * ║                                                                         ║
 * ║  Light-mode overrides for html[data-theme="light"]                      ║
 * ║  Consolidates: light-mode-patch V7 sections 0–5                         ║
 * ║                                                                         ║
 * ║  WCAG 2.2 AA compliant — all text tokens ≥ 4.5:1 on white              ║
 * ║  Generated: 2026-05-28                                                  ║
 * ╚═══════════════════════════════════════════════════════════════════════════╝
 */

/* ═══════════════════════════════════════════════════════════════════════════
   §1  TAILWIND JIT GAP-FILLERS (BOTH MODES)
   These rules emit CSS that Tailwind JIT missed for arbitrary values.
   ═══════════════════════════════════════════════════════════════════════════ */
.bg-\[\#0F2433\] { background-color: #0F2433 !important; }
.bg-\[\#0F3A2F\] { background-color: #0F3A2F !important; }
.bg-\[\#1B3A4B\] { background-color: #1B3A4B !important; }
.bg-\[\#0F2733\] { background-color: #0F2733 !important; }
.bg-\[\#0E1A23\] { background-color: #0E1A23 !important; }
.text-\[\#30D158\] { color: #30D158 !important; }
.text-\[\#64D2FF\] { color: #64D2FF !important; }
.text-\[\#FFD60A\] { color: #FFD60A !important; }
.text-\[\#FF453A\] { color: #FF453A !important; }
.text-\[\#1B3A4B\] { color: #1B3A4B !important; }
.border-\[\#30D158\] { border-color: #30D158 !important; }
.border-\[\#64D2FF\] { border-color: #64D2FF !important; }
.border-\[\#FFD60A\] { border-color: #FFD60A !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   §2  GRAY-SCALE LIGHT-MODE COVERAGE
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .text-gray-300,
html[data-theme="light"] .text-gray-200,
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-zinc-300,
html[data-theme="light"] .text-neutral-300,
html[data-theme="light"] .text-neutral-200,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-neutral-400,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-zinc-400 {
    color: #525252 !important; /* 7.5:1 on white */
}

html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-neutral-500 {
    color: #404040 !important; /* 10.3:1 on white */
}


/* ═══════════════════════════════════════════════════════════════════════════
   §3  BRAND-ACCENT DARKER VARIANTS FOR LIGHT MODE
   ═══════════════════════════════════════════════════════════════════════════ */

/* Yellow / Amber → amber-700 (4.6:1 on white) */
html[data-theme="light"] .text-yellow-300,
html[data-theme="light"] .text-yellow-400,
html[data-theme="light"] .text-amber-300,
html[data-theme="light"] .text-amber-400 { color: #a16207 !important; }

/* Cyan / Sky / Blue → cyan-700 (4.6:1 on white) */
html[data-theme="light"] .text-cyan-300,
html[data-theme="light"] .text-cyan-400,
html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .text-blue-400 { color: #0e7490 !important; }

/* Green / Emerald / Lime → green-700 (4.7:1 on white) */
html[data-theme="light"] .text-green-300,
html[data-theme="light"] .text-green-400,
html[data-theme="light"] .text-green-500,
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .text-emerald-500,
html[data-theme="light"] .text-lime-400,
html[data-theme="light"] .text-lime-500 { color: #15803d !important; }

/* Brand hex → light-mode-safe equivalents */
html[data-theme="light"] .text-\[\#30D158\] { color: #15803d !important; }
html[data-theme="light"] .text-\[\#64D2FF\] { color: #0e7490 !important; }
html[data-theme="light"] .text-\[\#FFD60A\] { color: #a16207 !important; }
html[data-theme="light"] .text-\[\#FF453A\] { color: #b91c1c !important; }

/* Inline-style brand color overrides */
html[data-theme="light"] [style*="color:#30D158"],
html[data-theme="light"] [style*="color: #30D158"],
html[data-theme="light"] [style*="color:#30d158"],
html[data-theme="light"] [style*="color:#22c55e"] { color: #15803d !important; }

html[data-theme="light"] [style*="color:#64D2FF"],
html[data-theme="light"] [style*="color: #64D2FF"],
html[data-theme="light"] [style*="color:#64d2ff"] { color: #0e7490 !important; }

html[data-theme="light"] [style*="color:#FFD60A"],
html[data-theme="light"] [style*="color: #FFD60A"],
html[data-theme="light"] [style*="color:#ffd60a"],
html[data-theme="light"] [style*="color:#fde047"] { color: #a16207 !important; }

/* Light-mode sb-chip */
html[data-theme="light"] .sb-chip {
    color: #a16207 !important;
    background-color: rgba(161,98,7,0.08) !important;
    border-color: rgba(161,98,7,0.3) !important;
}

html[data-theme="light"] .dr-gal-tag,
html[data-theme="light"] .sb-kpi .sb-v,
html[data-theme="light"] .dr-out { color: #a16207 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   §4  PROTECT DESCENDANTS OF DARK-BG CARDS IN LIGHT MODE
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .bg-\[\#0F2433\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0F3A2F\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#1B3A4B\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0F2733\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] .bg-\[\#0E1A23\] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#0F"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background: #0F"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#1B"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background: #1B"] :is(span,p,a,li,h1,h2,h3,h4,button,div),
html[data-theme="light"] [style*="background:#0E"] :is(span,p,a,li,h1,h2,h3,h4,button,div) {
    color: #f5f5f5 !important;
}

/* Re-allow brand-color text inside dark cards */
html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#30D158\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#30D158\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#30D158\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#30D158\] { color: #30D158 !important; }

html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#64D2FF\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#64D2FF\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#64D2FF\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#64D2FF\] { color: #64D2FF !important; }

html[data-theme="light"] .bg-\[\#0F2433\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-\[\#FFD60A\],
html[data-theme="light"] .bg-\[\#0F2733\] .text-\[\#FFD60A\],
html[data-theme="light"] [style*="background:#0F"] .text-\[\#FFD60A\],
html[data-theme="light"] [style*="background:#1B"] .text-\[\#FFD60A\] { color: #FFD60A !important; }

/* Gray-300/400 inside dark cards → readable slate */
html[data-theme="light"] .bg-\[\#0F2433\] .text-gray-300,
html[data-theme="light"] .bg-\[\#0F2733\] .text-gray-300,
html[data-theme="light"] .bg-\[\#0F3A2F\] .text-gray-300,
html[data-theme="light"] .bg-\[\#1B3A4B\] .text-gray-300,
html[data-theme="light"] [style*="background:#0F"] .text-gray-300,
html[data-theme="light"] [style*="background:#1B"] .text-gray-300,
html[data-theme="light"] [style*="background:#0F"] .text-gray-400,
html[data-theme="light"] [style*="background:#1B"] .text-gray-400 { color: #cbd5e1 !important; }

/* Dark bg utility classes in light mode */
html[data-theme="light"] .bg-gray-800 .text-white,
html[data-theme="light"] .bg-gray-700 .text-white,
html[data-theme="light"] .bg-slate-800 .text-white { color: #f5f5f5 !important; }

html[data-theme="light"] .bg-gray-800,
html[data-theme="light"] .bg-gray-700,
html[data-theme="light"] .bg-slate-800 { background-color: #1f2937 !important; }

html[data-theme="light"] .bg-gray-800 :is(span,p,a,li,h1,h2,h3,h4,button,div) { color: #f5f5f5 !important; }

html[data-theme="light"] .bg-\[\#1B3A4B\] *:not([class*="text-\["]):not([class*="bg-green"]):not([class*="bg-emerald"]) {
    color: #f5f5f5 !important;
}

html[data-theme="light"] p.text-gray-300 a,
html[data-theme="light"] p.text-gray-300 > a { color: #f5f5f5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   §5  LOGO SVG — Selector Fix ([data-theme] instead of html.dark)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .logo-905wood-seal,
html[data-theme="dark"]  .logo-905wood-seal,
html:not([data-theme])   .logo-905wood-seal { color: #F5F5F5 !important; }

html[data-theme="light"] .logo-905wood-seal svg text { fill: #F5F5F5 !important; color: #F5F5F5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   §6  TOP UTILITY BAR — Light Mode
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] a[href*="tel:"],
html[data-theme="light"] a[href*="tel:"] span { color: #1a1a1a !important; }
html[data-theme="light"] #wp-theme-label { color: #525252 !important; }

html[data-theme="light"] a.inline-flex.items-center.gap-1\.5 {
    background-color: #15803d !important;
    color: #fff !important;
    border-color: #15803d !important;
}
html[data-theme="light"] a.inline-flex.items-center.gap-1\.5 span { color: #fff !important; }

html[data-theme="light"] a[class*="inline-flex"][class*="px-8"] {
    background-color: #15803d !important;
    color: #ffffff !important;
}
html[data-theme="light"] a[class*="inline-flex"][class*="px-8"] * { color: #ffffff !important; }

html[data-theme="light"] [style*="background:#0F"] a[href*="tel:"],
html[data-theme="light"] [style*="background:#1B"] a[href*="tel:"] { color: #f5f5f5 !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   §7  SOLID-COLOR BADGES — Light Mode AA
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] [class*="bg-green-500"][class*="text-white"],
html[data-theme="light"] [class*="bg-cyan"][class*="text-white"],
html[data-theme="light"] [class*="bg-yellow"][class*="text-white"],
html[data-theme="light"] [class*="bg-amber"][class*="text-white"] { color: #0a0a0a !important; }

html[data-theme="light"] .bg-\[\#30D158\].text-white,
html[data-theme="light"] .bg-\[\#64D2FF\].text-white,
html[data-theme="light"] .bg-\[\#FFD60A\].text-white { color: #0a0a0a !important; }

html[data-theme="light"] [class*="bg-red-500"][class*="text-white"],
html[data-theme="light"] .bg-\[\#FF453A\].text-white {
    background-color: #b91c1c !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   §8  LIGHT-MODE GRADIENT TEXT
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] .sb-grad {
    background: linear-gradient(90deg, #15803d 0%, #a16207 60%, #b45309 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #15803d !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   §9  LIGHT-MODE SELECTION & FOCUS
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="light"] ::selection {
    background-color: rgba(21, 128, 61, 0.25);
    color: #0a0a0a;
}


/* ═══════════════════════════════════════════════════════════════════════════
   §10  SENTINEL
   ═══════════════════════════════════════════════════════════════════════════ */
.dr-905-light-mode-v16-sentinel { content: "905WOOD-LIGHT-MODE-V16"; }