/* ===========================================
   DARK MODE - QUESTIONNAIRE ELIGIBILITE
   =========================================== */

/* BODY */
[data-theme="dark"] body {
    background: #0F172A !important;
    color: #E2E8F0 !important;
}

/* NAVBAR */
[data-theme="dark"] .navbar {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .navbar.scrolled {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .logo span {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .nav-link {
    color: #CBD5E1 !important;
}

[data-theme="dark"] .nav-link:hover {
    color: #A78BFA !important;
}

[data-theme="dark"] .nav-cta {
    color: #FFFFFF !important;
}

[data-theme="dark"] .mobile-toggle span {
    background: #F1F5F9 !important;
}

@media (max-width: 768px) {
    [data-theme="dark"] .nav-links {
        background: #0F172A !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    }
}

/* HERO DARK */
[data-theme="dark"] .quiz-hero {
    background: linear-gradient(135deg, #4C1D95 0%, #6D28D9 50%, #7C3AED 100%);
}

[data-theme="dark"] .quiz-hero::before {
    background: radial-gradient(circle, rgba(255,255,255,0.06) 2px, transparent 2px);
}

[data-theme="dark"] .quiz-badge {
    background: rgba(0,0,0,0.3);
    color: #E9D5FF;
}

[data-theme="dark"] .quiz-hero h1 {
    color: #F5F3FF;
}

[data-theme="dark"] .quiz-hero h1 .highlight {
    color: #FDE68A;
}

[data-theme="dark"] .quiz-subtitle {
    color: rgba(245, 243, 255, 0.85);
}

[data-theme="dark"] .quiz-stat {
    background: rgba(0,0,0,0.2);
    color: #F5F3FF;
}

[data-theme="dark"] .quiz-stat i {
    color: #FDE68A;
}

/* QUIZ SECTION DARK */
[data-theme="dark"] .quiz-section {
    background: #0F172A;
}

[data-theme="dark"] .quiz-container {
    background: #1E293B;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

/* Progress Bar */
[data-theme="dark"] .progress-bar {
    background: #334155;
}

[data-theme="dark"] .progress-fill {
    background: linear-gradient(135deg, #8B5CF6, #A78BFA);
}

[data-theme="dark"] .progress-text {
    color: #A78BFA;
}

/* Question Header */
[data-theme="dark"] .question-number {
    background: linear-gradient(135deg, #7C3AED, #8B5CF6);
}

[data-theme="dark"] .question-header h2 {
    color: #F1F5F9;
}

[data-theme="dark"] .question-hint {
    color: #94A3B8;
}

/* Option Cards */
[data-theme="dark"] .option-card {
    background: #0F172A;
    border-color: #334155;
}

[data-theme="dark"] .option-card:hover {
    border-color: #8B5CF6;
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.2);
}

[data-theme="dark"] .option-card.selected {
    border-color: #8B5CF6;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(167, 139, 250, 0.2));
    box-shadow: 0 10px 30px rgba(139, 92, 246, 0.25);
}

[data-theme="dark"] .option-icon {
    background: linear-gradient(135deg, #6D28D9, #8B5CF6);
}

[data-theme="dark"] .option-icon.success {
    background: linear-gradient(135deg, #065F46, #10B981);
}

[data-theme="dark"] .option-icon.warning {
    background: linear-gradient(135deg, #92400E, #F59E0B);
}

[data-theme="dark"] .option-icon.danger {
    background: linear-gradient(135deg, #991B1B, #EF4444);
}

[data-theme="dark"] .option-content strong {
    color: #F1F5F9;
}

[data-theme="dark"] .option-content span {
    color: #94A3B8;
}

[data-theme="dark"] .option-check {
    background: #334155;
}

[data-theme="dark"] .option-card.selected .option-check {
    background: #8B5CF6;
}

/* Select */
[data-theme="dark"] .select-wrapper select {
    background: #0F172A;
    border-color: #334155;
    color: #F1F5F9;
}

[data-theme="dark"] .select-wrapper select:focus {
    border-color: #8B5CF6;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.2);
}

[data-theme="dark"] .select-icon {
    color: #94A3B8;
}

/* TNE Badge */
[data-theme="dark"] .tne-badge {
    background: linear-gradient(135deg, #065F46, #10B981);
    color: #F0FDF4;
}

/* Info Box */
[data-theme="dark"] .info-box {
    background: rgba(139, 92, 246, 0.15);
    color: #A78BFA;
}

/* Navigation */
[data-theme="dark"] .quiz-navigation {
    border-top-color: #334155;
}

[data-theme="dark"] .btn-prev {
    background: #334155;
    color: #94A3B8;
}

[data-theme="dark"] .btn-prev:hover:not(:disabled) {
    background: #475569;
}

[data-theme="dark"] .btn-next,
[data-theme="dark"] .btn-submit {
    background: linear-gradient(135deg, #7C3AED, #8B5CF6);
}

/* RESULTS SECTION DARK */
[data-theme="dark"] .results-section {
    background: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);
}

[data-theme="dark"] .results-header h2 {
    color: #F1F5F9;
}

[data-theme="dark"] .results-header p {
    color: #94A3B8;
}

[data-theme="dark"] .score-circle {
    background: linear-gradient(135deg, #7C3AED, #8B5CF6);
}

/* Result Cards */
[data-theme="dark"] .result-card {
    background: #1E293B;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .result-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .result-card.eligible {
    border-color: #10B981;
}

[data-theme="dark"] .result-card.not-eligible {
    opacity: 0.6;
}

[data-theme="dark"] .result-card h3 {
    color: #F1F5F9;
}

[data-theme="dark"] .result-amount {
    color: #A78BFA;
}

[data-theme="dark"] .result-score-bar {
    background: #334155;
}

[data-theme="dark"] .result-reasons li {
    color: #94A3B8;
}

[data-theme="dark"] .result-reasons li i {
    color: #10B981;
}

[data-theme="dark"] .result-card.not-eligible .result-reasons li i {
    color: #64748B;
}

/* Summary Cards */
[data-theme="dark"] .summary-card {
    background: #1E293B;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .summary-card.highlight {
    background: linear-gradient(135deg, #7C3AED, #8B5CF6);
}

[data-theme="dark"] .summary-icon {
    background: rgba(139, 92, 246, 0.2);
    color: #A78BFA;
}

[data-theme="dark"] .summary-label {
    color: #94A3B8;
}

[data-theme="dark"] .summary-value {
    color: #F1F5F9;
}

/* Results CTA */
[data-theme="dark"] .results-cta {
    background: #1E293B;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .results-cta h3 {
    color: #F1F5F9;
}

[data-theme="dark"] .results-cta > p {
    color: #94A3B8;
}

[data-theme="dark"] .results-cta .btn-primary {
    background: linear-gradient(135deg, #7C3AED, #8B5CF6);
}

[data-theme="dark"] .results-cta .btn-secondary {
    background: transparent;
    color: #A78BFA;
    border-color: #A78BFA;
}

[data-theme="dark"] .results-cta .btn-secondary:hover {
    background: rgba(139, 92, 246, 0.1);
}

[data-theme="dark"] .btn-restart {
    color: #64748B;
}

[data-theme="dark"] .btn-restart:hover {
    color: #A78BFA;
}

/* FOOTER */
[data-theme="dark"] .footer,
[data-theme="dark"] #footer-placeholder {
    background: #0F172A !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .footer h4,
[data-theme="dark"] .footer-section h4 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .footer a,
[data-theme="dark"] .footer-links a {
    color: #64748B !important;
}

[data-theme="dark"] .footer a:hover,
[data-theme="dark"] .footer-links a:hover {
    color: #A78BFA !important;
}

[data-theme="dark"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #64748B !important;
}

[data-theme="dark"] .footer-bottom a {
    color: #A78BFA !important;
}

/* SCROLLBAR */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    background: #0F172A;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 6px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}
