/**
 * ZONE sidebar-second — rechterkolom (Zoeken, Agenda, Fotoblok, "Even kort over ons").
 * Template: templates/layout/regions/_content.html.twig
 * Plaats in het grid: content.css. Kleur per blok: thema-instelling "Blokkleuren".
 */
.zone-sidebar-second {
  min-width: 0;
}

.zone-sidebar-second > .region {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

/* Agenda: datum | activiteit | speltak. Als de kolom smal is (telefoon of
   smalle zijkolom), komt de speltak onder de activiteit. */
.zone-sidebar-second .block-views-blockagenda-block-1 {
  container-type: inline-size;
}

/* Zelfde tekstgrootte en regelhoogte als de tekst in het Nieuwsblok. */
.zone-sidebar-second .block-views-blockagenda-block-1 table {
  font-size: var(--fs-basis);
  line-height: var(--lh-tekst);
}

/* Datum ("14 nov") niet over twee regels breken. */
.zone-sidebar-second .block-views-blockagenda-block-1 td:first-child {
  white-space: nowrap;
}

@container (max-width: 22rem) {
  .zone-sidebar-second .block-views-blockagenda-block-1 td {
    padding-inline-end: var(--s-2);
  }
}

/* Zoekformulier: invoer en knop naast elkaar (zoals het origineel). */
.zone-sidebar-second .block-search-form-block form {
  display: flex;
  gap: var(--s-2);
  align-items: stretch;
}

.zone-sidebar-second .block-search-form-block .form-item {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.zone-sidebar-second .block-search-form-block .form-actions {
  flex: 0 0 auto;
  margin: 0;
}

.zone-sidebar-second .block-search-form-block input {
  height: 100%;
}

/* Fotoblok: foto over de volle breedte van het paneel. */
.zone-sidebar-second .block-views-blockfotoblok-block-1 img {
  width: 100%;
}