/*
 * WFL — footer payment icons (ADR 0007).
 *
 * Replaces a 506×24 raster strip, so the default sizing deliberately lands in
 * the same visual band: 24px tall tiles, centred, wrapping on narrow screens
 * instead of shrinking below legibility (the old image just scaled down and
 * turned to mush on mobile).
 *
 * SPECIFICITY NOTE: the strip renders inside an Elementor shortcode widget, and
 * Elementor ships `.elementor img { height: auto }` (0-1-1) plus the theme's
 * bare `img` rule. A single class here (0-1-0) loses to that and the icons fall
 * back to their intrinsic 25px — measured, not guessed. Each rule below is
 * therefore scoped through the list class (0-2-0), which wins on specificity
 * without naming Elementor and so survives if the widget ever moves.
 */
.wfl-payment-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wfl-payment-icons .wfl-payment-icons__item {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Height is the constant; width follows the 39:25 tile so nothing distorts.
   The width/height attributes on the <img> reserve the box, so the footer does
   not shift when the icons decode. */
.wfl-payment-icons .wfl-payment-icons__icon {
	display: block;
	width: auto;
	height: 24px;
	max-width: none;
	border-radius: 3px;
}