/*
 * WildfireAction.org offline export — static replacement for the Elementor PRO
 * "media-carousel" widget used for partner logos. The original widget needs a
 * proprietary Elementor PRO JS chunk (media-carousel.*.bundle.min.js) that isn't
 * publicly distributable, so it can never load in this offline copy. This is a
 * pure CSS/HTML logo grid instead — no JS, works fully offline, always renders.
 */
.wfa-logo-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 28px 32px;
	padding: 12px 0;
}

.wfa-logo-item {
	width: 130px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}

.wfa-logo-item:hover {
	opacity: 1;
}

@media (max-width: 1024px) {
	.wfa-logo-item {
		width: 105px;
		height: 56px;
	}
}

@media (max-width: 480px) {
	.wfa-logo-grid {
		gap: 18px 20px;
	}
	.wfa-logo-item {
		width: 88px;
		height: 46px;
	}
}