/**
 * Altus — footer op tablet-breedte (mu-plugin/thema-onafhankelijk bestand,
 * apart omdat er nog geen footer-specifieke stylesheet bestond).
 *
 * ACHTERGROND
 * De 4 footer-kolommen (Algemeen / Openingsuren / Klantendienst / Mijn
 * account, container #brxe-vzgkhj) hebben in Bricks zelf al een 2-koloms
 * instelling voor "tablet_portrait" (768-991px) — maar Bricks' eigen
 * "mobile_landscape"-drempel ligt op 767px, en DAARONDER staat de container
 * vast op flex-direction:column (1 kolom), zonder tussenstap. Op een
 * telefoonbreedte (bv. 375px) is dat de juiste keuze, maar op een tablet die
 * toevallig net onder de 768px-drempel valt (bv. 700-767px, sommige
 * tablets/DevTools-profielen) oogt 1 volle kolom net zo "kapot" als op de
 * archiefpagina's — vandaar deze eigen tussenlaag (560-767px): dezelfde
 * 2-koloms opmaak als Bricks al voor 768-991px voorziet, gewoon iets verder
 * doorgetrokken. Enkel onder de 560px (kleine telefoons) blijft het echt 1
 * kolom.
 *
 * Gevonden tijdens de tablet-controle van de hele site, 29/09/2026: "In de
 * footer moeten de kolommen ook naast elkaar kunnen i.p.v. nu allemaal onder
 * elkaar."
 */
@media (min-width: 560px) and (max-width: 767px) {
	#brxe-vzgkhj {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	#brxe-yqmupw,
	#brxe-nprfhm,
	#brxe-ssvzlo,
	#brxe-zwfhti {
		width: calc(50% - 10px) !important;
	}
}
