/* Releases: dwing 1:1 aspect ratios af zonder de Artikelen-pagina te beïnvloeden */

/* Top-4: vierkante cover */
.bm-top4--releases .bm-top4__thumb,
.bm-top4--releases .bm-top4__thumb img{
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  object-position: center;
}

/* Lijst: ook vierkant, iets kleiner is al geregeld door .bm-list__item grid */
.bm-list--releases .bm-list__thumb,
.bm-list--releases .bm-list__thumb img{
  aspect-ratio: 1 / 1 !important;
  object-fit: cover;
  object-position: center;
}

/* (optioneel) iets strakkere spacing bij Top-4 voor releases */
.bm-top4--releases .bm-top4__item{
  align-items: start;
}

/* Zorg dat H2 in de intro niet als “kop” oogt maar als lead-tekst */
.bm-arch-sub h2{
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 1.6;
}
.bm-arch-sub p{ margin: 0; }
.bm-arch-sub p + p{ margin-top: 8px; }

/* extra lucht onder de header */
.page-template-page-releases .bm-arch-head{
  margin-bottom: 40px;
}
.page-template-page-releases .bm-arch-head::after{
  margin-top: 18px;
  margin-bottom: 12px;
}

/* Mobiel: net iets compacter dan desktop */
@media (max-width: 768px){
  .page-template-page-releases .bm-arch-head{
    margin-bottom: 32px;
  }
  .page-template-page-releases .bm-arch-head::after{
    margin-top: 14px;
    margin-bottom: 10px;
  }
}

/* Als filter actief is → geen NIEUW-badges */
body.page-template-page-releases .bm-chips ~ .bm-top4 .bm-thumb-badge--new,
body.page-template-page-releases .bm-chips ~ .bm-section-kicker .bm-badge--new,
body.page-template-page-releases .bm-chips ~ .bm-top4 .bm-new-pill,
body.page-template-page-releases .bm-chips ~ .bm-list .bm-new-pill {
  display: none !important;
}

/* ===== Release-datum pill (Releases) ===== */
.bm-release-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.28rem .55rem;
  border-radius:999px;
  background:#0bb07b12;
  border:1px solid #0bb07b33;
  color:#0b7d5f;
  font-weight:800;
  font-size:.92rem;
  line-height:1;
  margin:.15rem 0 .35rem;
  white-space:nowrap;
}
.bm-release-pill .bm-release-ico{ font-size:1rem; line-height:1; }

/* Kleinere variant voor lijst */
.bm-release-pill--sm{
  padding:.24rem .5rem;
  font-size:.88rem;
}

/* Strak ritme t.o.v. titel */
.bm-top4__body .bm-release-pill{ margin-top:.05rem; margin-bottom:.45rem; }
.bm-list__body .bm-release-pill{ margin-top:.05rem; margin-bottom:.35rem; }

/* Toegankelijk: focusring zoals elders */
.bm-release-pill:focus-visible{
  outline:2px solid #0bb07b55;
  outline-offset:2px;
  border-radius:999px;
}




/* Rode NIEUW-badge zoals Artikelen */
.bm-badge {
  display:inline-flex;
  align-items:center;
  font-weight:900;
  letter-spacing:.02em;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.9rem;
  line-height:1;
}

.bm-badge--new{
  background:#c92b1a;   /* BM-rood */
  color:#fff;
  box-shadow:0 2px 6px rgba(201,43,26,.25);
}




/* Alleen verbergen als er gefilterd wordt (state class op root) */
.page-template-page-releases .is-filtered .bm-section-kicker { display:none !important; }
.page-template-page-releases .is-filtered .bm-top4 .bm-thumb-badge--new,
.page-template-page-releases .is-filtered .bm-top4 .bm-new-pill,
.page-template-page-releases .is-filtered .bm-list .bm-new-pill {
  display:none !important;
}




/* FORCE: toon kicker + rode NIEUW-pill op pagina 1 met 'Alle' */
.page-template-page-releases .bm-archive--clean:not(.is-filtered) .bm-section-kicker{
  display:flex !important;            /* i.p.v. display:none uit oudere CSS */
  align-items:center;
  gap:12px;
}
.page-template-page-releases .bm-archive--clean:not(.is-filtered) .bm-section-kicker .bm-badge--new{
  display:inline-flex !important;     /* overschrijft eventuele hide-rule */
  visibility:visible !important;
  opacity:1 !important;
}



/* Subtiele meta-regel onder titel voor publicatiedatum */
.bm-meta--subtle{
  margin-top: 6px;
  color: #6b7280;            /* grijs */
  font-size: .92rem;
  line-height: 1.35;
}

/* Zorg voor strak ritme met release-pill */
.bm-top4__body .bm-meta--subtle{ margin-top: 6px; }
.bm-list__body .bm-meta--subtle{ margin-top: 6px; }

/* Optioneel iets compacter op mobiel */
@media (max-width: 768px){
  .bm-meta--subtle{ font-size: .9rem; }
}