/* Page-specific CSS - symptomen.css → page-147.css */
/* Loaded only on page ID: 147 */
/* Build date: 2025-10-28 16:56:52 */
/* DO NOT EDIT - Generated file */

   PAGE SYMPTOMEN (147) & SITEMAP (94)
   Inline styles moved to main.css
   Date: 2025-10-24
   ======================================== */

/* Symptomen Page - Card Percentage Badge */
.card-percentage {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: var(--ads-primary, #4A90E2);
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-weight: bold;
    font-size: 0.9rem;
}

/* Symptomen Page - Symptom Grid */
.adhd-symptom-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.symptom-item {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.symptom-item:hover {
    background: var(--ads-gray-light, #F8F9FA);
    padding-left: 1rem;
}

.symptom-icon {
    color: var(--ads-primary, #4A90E2);
    font-weight: bold;
    flex-shrink: 0;
}

.symptom-category {
    margin-bottom: 2rem;
}

.symptom-category:last-child {
    margin-bottom: 0;
}

/* Symptomen Page - Checklist */
.adhd-checklist {
    margin: 2rem 0;
}

.checklist-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    border: 1px solid var(--ads-gray-light, #F8F9FA);
    transition: all 0.3s ease;
}

.checklist-item:hover {
    border-color: var(--ads-primary, #4A90E2);
    transform: translateX(5px);
}

.check-icon {
    color: var(--ads-success, #27AE60);
    font-weight: bold;
    font-size: 1.2rem;
}

/* Sitemap Page - Section Styling */
.sitemap-section {
    margin-bottom: 30px;
    padding: 20px;
    background: var(--ads-gray-light, #F8F9FA);
    border-radius: 8px;
}

.sitemap-section h3 {
    color: var(--ads-primary, #4A90E2);
    margin-bottom: 15px;
    border-bottom: 2px solid var(--ads-gray-light, #F8F9FA);
    padding-bottom: 10px;
}

.sitemap-section ul {
    list-style: none;
    padding: 0;
}

.sitemap-section li {
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

.sitemap-section li:last-child {
    border-bottom: none;
}

.sitemap-section a {
    color: var(--ads-gray-dark, #333333);
    text-decoration: none;
    transition: color 0.3s ease;
}

.sitemap-section a:hover {
    color: var(--ads-primary, #4A90E2);
}

.sitemap-section strong {
    color: var(--ads-primary, #4A90E2);
}

@media (min-width: 768px) {
    .sitemap-section {
        columns: 2;
        column-gap: 30px;
    }

    .sitemap-section h3 {
        column-span: all;
    }
}