/*
 * LayerSitemap — twee-niveau menu-boom.
 */

.layer__sitemap {
    padding-block: var(--space-8);
}

.layer__sitemap-title {
    font-size: var(--fs-h1);
    margin: 0 0 var(--space-6);
}

/* Root-lijst */
.sitemap__list--root {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* Sub-lijst */
.sitemap__list--sub {
    list-style: none;
    padding: 0;
    margin: var(--space-2) 0 0 var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    border-left: 2px solid var(--color-border);
    padding-left: var(--space-3);
}

/* Root-item */
.sitemap__item > .sitemap__link {
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
    color: inherit;
}

.sitemap__item > a.sitemap__link {
    color: var(--color-primary);
}

.sitemap__item > a.sitemap__link:hover {
    text-decoration: underline;
}

/* Sub-item */
.sitemap__list--sub .sitemap__link {
    font-size: 0.95rem;
    text-decoration: none;
    color: inherit;
}

.sitemap__list--sub a.sitemap__link {
    color: var(--color-link);
}

.sitemap__list--sub a.sitemap__link:hover {
    text-decoration: underline;
}

/* Groepering zonder link */
.sitemap__link--no-route {
    color: var(--color-fg-muted);
    cursor: default;
}

/* Grid op bredere schermen */
@media (min-width: 40rem) {
    .sitemap__list--root {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
        gap: var(--space-5) var(--space-8);
    }
}