/* Cleaned OnderzoekPortaal CSS */

/* CSS Variables */
:root {
    --primary-color: #001f3f;
    --secondary-color: #ffffff;
    --accent-color: #dc1010;
    --text-color: #333333;
    --light-bg: #f8f9fa;
    --white: #ffffff;
    --gray-light: #e9ecef;
    --gray-medium: #6c757d;
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
    --card-bg: #ffffff;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Dark Mode Variables */
[data-theme='dark'] {
    --primary-color: #001f3f;
    --secondary-color: #ffffff;
    --accent-color: #dc1010;
    --text-color: #ffffff;
    --light-bg: #001f3f;
    --white: #001f3f;
    --gray-light: #002952;
    --gray-medium: #a0a0a0;
    --card-bg: #002952;
    --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

[data-theme='dark'] body,
[data-theme='dark'] h1,
[data-theme='dark'] h2,
[data-theme='dark'] h3,
[data-theme='dark'] h4,
[data-theme='dark'] h5,
[data-theme='dark'] h6,
[data-theme='dark'] .hero h2,
[data-theme='dark'] a,
[data-theme='dark'] .research-title,
[data-theme='dark'] .category-title,
[data-theme='dark'] .recent-research-section h2,
[data-theme='dark'] .categories-section h2,
[data-theme='dark'] .newsletter-section h2,
[data-theme='dark'] .research-description,
[data-theme='dark'] .category-description,
[data-theme='dark'] .section-subtitle,
[data-theme='dark'] p,
[data-theme='dark'] .footer h3,
[data-theme='dark'] .footer h4 {
    color: #ffffff;
}

[data-theme='dark'] .research-meta,
[data-theme='dark'] .stat-label {
    color: rgba(255, 255, 255, 0.8);
}

[data-theme='dark'] .research-card,
[data-theme='dark'] .category-card {
    background: var(--card-bg);
    border-color: #002952;
    color: #ffffff;
}

[data-theme='dark'] .research-keywords {
    background: rgba(255, 255, 255, 0.05);
}

[data-theme='dark'] .faq-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme='dark'] .research-faq h3,
[data-theme='dark'] .faq-item h4 {
    color: #ffffff;
}

/* Hide SEO content from view, but keep it crawlable */
.seo-content {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* Removed conflicting: .research-faq * { visibility: hidden } */

/* Removed .sr-only-seo duplication */

/* All other visual styles remain unchanged */