/* ============================================================
   PAGE-STAD.CSS — Stadspagina ("Linnen gids", familie van
   provincie-ontwerp 1). Bouwt op tokens.css + base.css +
   page-provincie.css (pv-componenten). Prefix .st-.
   ============================================================ */

/* Wizard-CTA (.pv-wizard) staat in page-provincie.css zodat stad én provincie
   exact hetzelfde keuzehulp-blok delen. */

/* Filter-chips */
.st-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.st-filter-chip { cursor: pointer; user-select: none; }
.st-filter-chip input { position: absolute; opacity: 0; pointer-events: none; }
.st-filter-chip.is-active { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.st-filter-status { font-size: 0.92rem; color: var(--color-text-muted); white-space: nowrap; }
.st-filter-reset {
  margin-left: 10px; font: inherit; font-weight: 600; font-size: 0.88rem;
  color: var(--color-primary); background: none; border: none; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
}
.st-no-results { margin-top: 8px; color: var(--color-text-muted); }

/* Foto-kaarten (.pv-card-foto) en de categorie-tegel-stijl staan in
   page-provincie.css zodat provincie, stad én categorie-locatie ze delen. */
/* No-JS / pre-JS fallback: toon de eerste 15; JS neemt de paginatie daarna over. */
.pv-cards.st-cards--paginate > .st-card:nth-child(n+16) { display: none; }

/* Kaart-fallback */
.st-map-fallback { margin-top: 14px; color: var(--color-text-muted); font-size: 0.95rem; }

/* Reviews uit de stad */
.st-reviews { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: var(--gutter); margin: 0; padding: 0; }
@media (max-width: 800px) { .st-reviews { grid-template-columns: 1fr; } }
.st-review { padding: 22px 24px; }
.st-review-top { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.st-review-top .nm { font-style: normal; font-weight: 700; }
.st-review-top .tijd { color: var(--color-text-muted); font-size: 0.85rem; }
.st-review-stars { margin-left: auto; color: var(--gold); letter-spacing: 2px; }
.st-review blockquote { margin: 0 0 10px; }
.st-review blockquote p { font-size: 0.95rem; line-height: 1.65; color: var(--color-text); margin: 0; }
.st-review-bedrijf { font-size: 0.88rem; color: var(--color-text-muted); margin: 0; }
.st-review-bedrijf a { color: var(--color-primary); }

/* Kaart binnen kaarten-secties (hergebruik pv-map uit page-provincie.css) */