/* =========================================
   COMPREHENSIVE CASE STUDY FIXES - EMERGENCY OVERRIDE
   ========================================= */

/* ===========================================
   LIGHT MODE OVERRIDES
   =========================================== */

/*  Override all inline gold/brown colors in Light Mode */
:root:not([data-theme="dark"]) .bhava-hero-highlights article,
:root:not([data-theme="dark"]) .bhava-hero-stats article {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(200, 200, 200, 0.3) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

:root:not([data-theme="dark"]) .project-card-tldr {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: rgba(200, 200, 200, 0.3) !important;
}

:root:not([data-theme="dark"]) .project-card-tldr h4 {
    color: var(--color-muted) !important;
}

:root:not([data-theme="dark"]) .project-card-tldr p {
    color: var(--color-text) !important;
}

:root:not([data-theme="dark"]) .case-horizontal-tag,
:root:not([data-theme="dark"]) .pill,
:root:not([data-theme="dark"]) .bhava-pill-row .pill {
    background: rgba(var(--accent-rgb, 200, 200, 200), 0.15) !important;
    color: var(--color-text) !important;
    border: 1px solid rgba(200, 200, 200, 0.2) !important;
}

/* Ensure sections in light mode use proper theme colors */
:root:not([data-theme="dark"]) .case-section[data-theme="cream"],
:root:not([data-theme="dark"]) .case-section[data-theme="butter"],
:root:not([data-theme="dark"]) .case-section[data-theme="mint"],
:root:not([data-theme="dark"]) .case-section[data-theme="cloud"] {
    color: var(--color-text);
}

:root:not([data-theme="dark"]) .case-section[data-theme="cream"] h2,
:root:not([data-theme="dark"]) .case-section[data-theme="cream"] h3,
:root:not([data-theme="dark"]) .case-section[data-theme="butter"] h2,
:root:not([data-theme="dark"]) .case-section[data-theme="butter"] h3,
:root:not([data-theme="dark"]) .case-section[data-theme="mint"] h2,
:root:not([data-theme="dark"]) .case-section[data-theme="mint"] h3,
:root:not([data-theme="dark"]) .case-section[data-theme="cloud"] h2,
:root:not([data-theme="dark"]) .case-section[data-theme="cloud"] h3 {
    color: var(--color-heading);
}

:root:not([data-theme="dark"]) .case-section[data-theme="cream"] p,
:root:not([data-theme="dark"]) .case-section[data-theme="butter"] p,
:root:not([data-theme="dark"]) .case-section[data-theme="mint"] p,
:root:not([data-theme="dark"]) .case-section[data-theme="cloud"] p {
    color: var(--color-text);
}

/* Fix ALL inline styled brown/gold elements in ANY mode */
[style*="color: #8f5a32"],
[style*="color: #b45309"],
[style*="color: #78350f"],
[style*="color: rgba(90, 58, 31"],
[style*="color: rgba(96, 64, 36"],
[style*="color: rgba(37, 24, 16"],
[style*="color: #b8860b"] {
    color: var(--color-text) !important;
}

:root[data-theme="dark"] [style*="color: #8f5a32"],
:root[data-theme="dark"] [style*="color: #b45309"],
:root[data-theme="dark"] [style*="color: #78350f"],
:root[data-theme="dark"] [style*="color: rgba(90, 58, 31"],
:root[data-theme="dark"] [style*="color: rgba(96, 64, 36"],
:root[data-theme="dark"] [style*="color: rgba(37, 24, 16"],
:root[data-theme="dark"] [style*="color: #b8860b"] {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Fix section eyebrows and badges */
:root:not([data-theme="dark"]) .section-eyebrow,
:root:not([data-theme="dark"]) .bhava-eyebrow {
    color: var(--color-muted) !important;
}

/* Fix finding cards and problem cards */
:root:not([data-theme="dark"]) .finding-card,
:root:not([data-theme="dark"]) .problem-card,
:root:not([data-theme="dark"]) .insight-box {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(200, 200, 200, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

:root:not([data-theme="dark"]) .finding-number,
:root:not([data-theme="dark"]) .pillar-number,
:root:not([data-theme="dark"]) .problem-icon {
    background: var(--accent) !important;
    color: #ffffff !important;
}

/* Fix blockquotes */
:root:not([data-theme="dark"]) blockquote {
    color: var(--color-text) !important;
    border-left-color: var(--accent) !important;
    background: var(--surface-2) !important;
}

/* Fix user quote cards */
:root:not([data-theme="dark"]) .user-quote-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(200, 200, 200, 0.3) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

:root:not([data-theme="dark"]) .user-quote-card:hover {
    background: rgba(255, 255, 255, 1) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-8px) !important;
}

:root:not([data-theme="dark"]) .user-quote-card p,
:root:not([data-theme="dark"]) .user-quote-card .user-name,
:root:not([data-theme="dark"]) .user-quote-card .user-role {
    color: var(--color-text) !important;
}

:root:not([data-theme="dark"]) .quote-mark {
    color: rgba(200, 200, 200, 0.25) !important;
}

/* Fix avatars */
:root:not([data-theme="dark"]) .avatar {
    background: linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
    color: #ffffff !important;
}

/* ===========================================
   DARK MODE ADDITIONAL FIXES
   =========================================== */

/* Ensure all brown backgrounds become dark */
:root[data-theme="dark"] [style*="background: rgba(255, 248, 225"],
:root[data-theme="dark"] [style*="background: #fff8e1"],
:root[data-theme="dark"] [style*="background: rgba(247, 226, 200"],
:root[data-theme="dark"] [style*="background: linear-gradient(135deg, #ffffff 0%, #fff8e1"],
:root[data-theme="dark"] [style*="background: linear-gradient(135deg, rgba(255, 255, 255"] {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Fix all brown/tan borders */
:root[data-theme="dark"] [style*="border: 1.5px solid rgba(255, 193, 7"],
:root[data-theme="dark"] [style*="border: 2px solid rgba(255, 193, 7"],
:root[data-theme="dark"] [style*="border-color: rgba(255, 193, 7"] {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Fix all gold box-shadows */
:root[data-theme="dark"] [style*="box-shadow: 0 4px 16px rgba(255, 193, 7"],
:root[data-theme="dark"] [style*="box-shadow: 0 12px 32px rgba(255, 193, 7"],
:root[data-theme="dark"] [style*="box-shadow: 0 24px 56px rgba(255, 152, 0"] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* Aggressively fix placeholder divs with brown styling */
:root:not([data-theme="dark"]) [style*="background: rgba(255, 193, 7, 0.05)"],
:root:not([data-theme="dark"]) [style*="color: #b45309"],
:root:not([data-theme="dark"]) [style*="border: 2px dashed rgba(255, 193, 7"] {
    background: rgba(200, 200, 200, 0.1) !important;
    color: var(--color-muted) !important;
    border-color: rgba(200, 200, 200, 0.3) !important;
}