/*
 * Blok: Logo's (template-parts/logos.php). Witte tegels van gelijke hoogte; logo's behouden hun eigen kleuren.
 */

.blok-logos__raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.blok-logos__link { display: flex; height: 120px; align-items: center; justify-content: center; padding: 18px 22px; background: var(--swo-color-card); border: 1px solid var(--blok-lijn); border-radius: 14px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s var(--blok-ease); }
a.blok-logos__link:hover { border-color: var(--blok-accent); box-shadow: 0 8px 20px rgba(70, 45, 20, .1); transform: translateY(-3px); }
a.blok-logos__link:focus-visible { outline: 3px solid var(--swo-color-focus); outline-offset: 3px; }
.blok-logos__img { display: block; width: auto; max-width: 100%; height: auto; max-height: 76px; object-fit: contain; }

@media (max-width: 500px) {
	.blok-logos__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.blok-logos__link { height: 100px; padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.blok-logos__link { transition: none; }
	a.blok-logos__link:hover { transform: none; }
}