/**
 * Secondary Pages Dark Mode Fixes - HIPAA Auditors
 * Addresses visibility issues on Free Assessment, Controls, Blog, Careers, etc.
 * Version: 4.0 (Aggressive Specificity Overrides)
 */

/* ===========================================
   CRITICAL HERO FIXES - MAXIMUM SPECIFICITY
   =========================================== */

/* 
 * Strategy: Use repeated class names and html[data-theme] to boost specificity 
 * considerably above any standard theme utility or component class.
 */

/* ===========================================
   CRITICAL HERO FIXES - MAXIMUM SPECIFICITY
   =========================================== */

/* 
 * Strategy: Use repeated class names and html[data-theme] to boost specificity 
 * considerably above any standard theme utility or component class.
 */

html[data-theme="dark"] body .hero-section.hero-section,
html[data-theme="dark"] body .inner-page-header.inner-page-header,
html[data-theme="dark"] body .page-header.page-header,
html[data-theme="dark"] body .assessment-hero.assessment-hero,
html[data-theme="dark"] body .careers-hero.careers-hero,
html[data-theme="dark"] body .bg-primary-light.bg-primary-light,
html[data-theme="dark"] body section.bg-primary-light,
html[data-theme="dark"] body section[class*="bg-primary"],
html[data-theme="dark"] body section[class*="-hero"] {
    background-image: none !important;
    background-color: #0f172a !important;
    background: #0f172a !important;
    border-bottom: 1px solid #334155;
    position: relative;
    z-index: 1;
}

/* Pseudo-elements cleanup */
html[data-theme="dark"] .assessment-hero::before,
html[data-theme="dark"] .assessment-hero::after,
html[data-theme="dark"] .bg-primary-light::before,
html[data-theme="dark"] .bg-primary-light::after,
html[data-theme="dark"] .careers-hero::before,
html[data-theme="dark"] .careers-hero::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Typography Overrides */
html[data-theme="dark"] body .assessment-hero h1,
html[data-theme="dark"] body .assessment-hero .display-4,
html[data-theme="dark"] body .assessment-hero p,
html[data-theme="dark"] body .bg-primary-light h1,
html[data-theme="dark"] body .bg-primary-light p,
html[data-theme="dark"] body .careers-hero h1,
html[data-theme="dark"] body .careers-hero p {
    color: #f8fafc !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #f8fafc !important;
}

/* ===========================================
   FREE HIPAA ASSESSMENT PAGE - AGGRESSIVE FIXES
   =========================================== */

/* Main Form Section & Containers */
html[data-theme="dark"] .assessment-form-section,
html[data-theme="dark"] .assessment-form-container,
html[data-theme="dark"] .form-container,
html[data-theme="dark"] .form-section {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border-color: #1e293b !important;
}

/* 
 * Sidebar Cards & White Containers 
 * Targeting any white background element inside the sidebar or form section
 */
html[data-theme="dark"] .assessment-sidebar .bg-white,
html[data-theme="dark"] .assessment-sidebar .card,
html[data-theme="dark"] .assessment-sidebar div[class*="bg-white"],
html[data-theme="dark"] .assessment-sidebar div[style*="background-color: rgb(255"],
html[data-theme="dark"] .assessment-form-section .bg-white,
html[data-theme="dark"] .benefits-card,
html[data-theme="dark"] .benefit-card,
html[data-theme="dark"] .assessment-card {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #cbd5e1 !important;
    border: 1px solid #334155 !important;
    box-shadow: none !important;
}

/* Sidebar Text */
html[data-theme="dark"] .assessment-sidebar h3,
html[data-theme="dark"] .assessment-sidebar h4,
html[data-theme="dark"] .assessment-sidebar strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .assessment-sidebar p,
html[data-theme="dark"] .assessment-sidebar span,
html[data-theme="dark"] .assessment-sidebar li {
    color: #cbd5e1 !important;
}


/* Form Inputs */
html[data-theme="dark"] .form-group label,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] select.form-control {
    background-color: #1e293b !important;
    border-color: #475569 !important;
    color: #f8fafc !important;
}


/* ===========================================
   CAREERS PAGE SPECIFICS
   =========================================== */

[data-theme="dark"] .careers-hero {
    background-color: #0f172a !important;
}

/* Mission & Culture Section */
[data-theme="dark"] .mission-section .card,
[data-theme="dark"] .culture-section .card,
[data-theme="dark"] .values-section .card {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
    border: 1px solid #334155 !important;
}

/* ===========================================
   GENERIC CARD FIXES (Fallback)
   =========================================== */
[data-theme="dark"] .card {
    background-color: #1e293b !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .card h1,
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3,
[data-theme="dark"] .card h4 {
    color: #f8fafc !important;
}