/**
 * @file sitemap.css
 * Styling voor de HTML-sitemap (/sitemap), gegenereerd door de Sitemap-module.
 * Gescoped op .page--sitemap (body-class uit nebula_preprocess_html()).
 *
 * Visuele taal sluit aan op de event-kaarten: witte kaarten met dikke
 * donkere rand op de lavendel pagina-achtergrond.
 */

/* ── Paginatitel ─────────────────────────────────────────── */
.page--sitemap .sitemap-title {
  margin: 0 0 2.5rem;
  font-family: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
  font-size: clamp(2.4rem, 4vw, 3.8rem);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #111111;
}

/* ── Raster van secties ──────────────────────────────────── */
.page--sitemap .sitemap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  align-items: start;
  max-width: 1520px;
}

/* ── Sectie als witte kaart ──────────────────────────────── */
.page--sitemap .sitemap-item {
  margin: 0;
  padding: 1.5rem 1.75rem;
  background: #ffffff;
  border: 3px solid #1f2430;
  box-sizing: border-box;
}

.page--sitemap .sitemap-item h2 {
  margin: 0 0 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 2px solid #1f2430;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #111111;
}

/* ── Lijsten en links ────────────────────────────────────── */
.page--sitemap .sitemap-item ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page--sitemap .sitemap-item li {
  margin: 0 0 0.6rem;
}

.page--sitemap .sitemap-item li:last-child {
  margin-bottom: 0;
}

/* Ingesprongen subniveau (bijv. 'Wie wij zijn' > Ons verhaal/Onze mensen). */
.page--sitemap .sitemap-item ul ul {
  margin: 0.5rem 0 0 1rem;
}

.page--sitemap .sitemap-item a {
  color: #111111;
  font-size: 1.05rem;
  font-weight: 500;
  text-decoration: none;
}

.page--sitemap .sitemap-item a:hover,
.page--sitemap .sitemap-item a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Parent-item zonder link (bijv. 'Wie wij zijn') als gewone label tonen. */
.page--sitemap .sitemap-item span {
  font-weight: 600;
  color: #111111;
}

/* RSS-link/icoon onder de voorpagina-link verbergen — past niet in een
   bezoekers-sitemap. */
.page--sitemap .sitemap-plugin--frontpage a:has(> img),
.page--sitemap .sitemap-plugin--frontpage img {
  display: none;
}

/* ── Responsief ──────────────────────────────────────────── */
@media (max-width: 640px) {
  .page--sitemap .sitemap {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

/* Mobiele zijmarge zodat titel en kaarten niet tegen de schermrand plakken. */
@media (max-width: 1520px) {
  .page--sitemap .main-content {
    padding-inline: var(--nnn-space-lg, 24px);
  }
}

@media (max-width: 600px) {
  .page--sitemap .main-content {
    padding-inline: var(--nnn-space-md, 16px);
  }
}