/* ====================================
   SITEMAP PAGE - Food2Grow
   Gebruikt voor: /sitemap/ (page-sitemap.php)

   Bouwt voort op global.css:
   - .page-hero, .hero-subtitle → global.css
   - .info-divider, .container  → global.css
   ==================================== */

.sitemap-page .sitemap-layout {
    padding: 4rem 0;
}

.sitemap-section {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--gray-light);
}

.sitemap-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sitemap-section h2 {
    color: var(--primary-green);
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

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

.sitemap-list ul {
    margin: 0.5rem 0 0.5rem 1.5rem;
}

.sitemap-list li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.sitemap-list a {
    color: var(--text-dark);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}

.sitemap-list a:hover,
.sitemap-list a:focus {
    color: var(--primary-green);
    border-color: var(--primary-green);
}

@media (max-width: 600px) {
    .sitemap-page .sitemap-layout {
        padding: 2.5rem 0;
    }
}