/* Breda Netwerk – mobiele herstelronde 7 november 2026.
   Eén gedeeld bestand in plaats van losse correcties per pagina. Desktop blijft ongewijzigd, behalve punt 5. */

/* 5. Tekstknop "Meer informatie" (globale klasse bn-knop-tekst): geen eigen wit vlak op gekleurde kaarten. */
.elementor .bn-knop-tekst { background-color: transparent; }

@media (max-width: 767px) {
	/* 10. Compacte vaste header (template 2931): logo 72 px breed, header ~88 px in plaats van 118 px.
	   Iets dekkender achtergrond, zodat tekst eronder niet doorschemert. Bannerpagina's reserveren via --bn-kop. */
	.elementor-2931 .elementor-element.elementor-element-bc4a390 { width: 72px; max-width: 72px; }
	.elementor-2931 .elementor-element.elementor-element-bc4a390 img { width: 72px; height: auto; }
	.elementor-2931 .elementor-element.elementor-element-ed17c01 { background-color: rgba(61, 67, 88, 0.97) !important; }
	body:has(.bn-banner) { --bn-kop: 88px; }
	/* Hero-secties die onder de header schuiven (mobiel -118 px) volgen de nieuwe headerhoogte, zodat hun inhoud
	   op dezelfde plek blijft: home 2a75151, over 8867bc0, vacatures 4915b50, partners en sponsor d206d91. */
	.elementor-2000 .elementor-element.elementor-element-2a75151,
	.elementor-2213 .elementor-element.elementor-element-8867bc0,
	.elementor-2356 .elementor-element.elementor-element-4915b50,
	.elementor-5224 .elementor-element.elementor-element-d206d91,
	.elementor-7151 .elementor-element.elementor-element-d206d91 { margin-top: -86px !important; }

	/* 4. Over: "Onze Visie & Missie" over de volle breedte, tekst niet tegen de kaartrand. */
	.elementor .elementor-element.elementor-element-c64597b { width: 100% !important; max-width: 100% !important; }
	.elementor .elementor-element.elementor-element-92e0a93 > .elementor-widget-wrap { padding: 28px 20px !important; }

	/* 7. Partners (5224): compacte hero onder de header, titel en intro over de volle breedte. */
	.elementor-5224 .elementor-element.elementor-element-d206d91 { padding: 112px 24px 32px !important; }
	.elementor-5224 .elementor-element.elementor-element-d206d91 > .elementor-container { min-height: 0 !important; }
	.elementor-5224 .elementor-element.elementor-element-d206d91 .elementor-widget-wrap { padding: 0 !important; }
	.elementor-5224 .elementor-element.elementor-element-d206d91 .elementor-widget { width: 100% !important; max-width: 100% !important; }
	.elementor-5224 .elementor-element.elementor-element-d206d91 .elementor-widget:not(:last-child) { margin-bottom: 12px; }

	/* 6. Koppen breken niet midden in een woord zolang normale afbreking kan. */
	.elementor-widget-heading .elementor-heading-title { overflow-wrap: normal; word-break: normal; hyphens: manual; }
}

/* 7. Partners op tablet: de grote kop (globale typografie, 64 px) en lange partnernamen passen in hun kolom. */
@media (max-width: 1024px) {
	.elementor-5224 .elementor-element.elementor-element-0714018 .elementor-heading-title { font-size: clamp(28px, 5vw, 44px); line-height: 1.15; }
	.elementor-5224 .elementor-element.elementor-element-2fdeab3 { overflow-wrap: anywhere; }
}

/* 1. Agendakaart (/agenda/): de datumtegel krimpt niet onder de titel; op smalle telefoons staat hij erboven. */
@media (max-width: 767px) {
	.bn-agenda-kop > .elementor-element:has(.bn-agenda-datum) { flex-shrink: 0; }
}
@media (max-width: 379px) {
	.elementor .bn-agenda-kop { --flex-direction: column; flex-direction: column !important; align-items: flex-start !important; gap: 12px; }
}