@charset "UTF-8";
/* Bollenstreek 2027 – 06-homepage-nu.css
 * Homepage: kaarten "Nu in de Bollenstreek" (21-10)
 * Bron: Extra CSS (Customizer), samengevoegd bij livegang 27-10-2026. Volgorde van de bestanden = oorspronkelijke volgorde (niet wijzigen zonder test).
 */

/* Homepage 2027: kaarten "Nu in de Bollenstreek" met foto, datum op de foto, categorie en locatie – 21-10-2026 */
.bs-home .bs-event--img{padding:0;gap:0;flex-direction:column;align-items:stretch;transition:box-shadow .15s ease,transform .15s ease}
.bs-home .bs-event--img:hover{box-shadow:0 8px 22px rgba(22,61,53,.12);transform:translateY(-2px)}
.bs-home .bs-event-media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#f1ece2}
.bs-home .bs-event-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.bs-home .bs-event--img:hover .bs-event-media img{transform:scale(1.04)}
.bs-home .bs-event-media .bs-date{position:absolute;left:12px;top:12px;width:56px;height:58px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.bs-home .bs-event--img .bs-event-body{padding:14px 16px 18px}
.bs-home .bs-event-cat{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#b0005f}
.bs-home .bs-event--img .bs-event-title{font-size:17px}
.bs-home .bs-event--img .bs-event-text{display:flex;gap:5px;align-items:flex-start;margin-top:8px}
.bs-home .bs-event--img .bs-event-text::before{content:"";flex:0 0 13px;height:13px;margin-top:2px;background:#b0005f;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center/contain no-repeat}
.bs-home .bs-event--noimg .bs-event-cat{margin-bottom:4px}