/**
 * Payment Logos Module Styles
 *
 * @package OM_Product_Page_Essentials
 */

.om-ppe-payment-logos {
	display: flex;
	flex-direction: column;
	align-items: var(--om-ppe-pl-align, flex-start);
	margin-top: var(--om-ppe-pl-margin-top, 20px);
	margin-bottom: var(--om-ppe-pl-margin-bottom, 20px);
}

.om-ppe-payment-logos-title {
	font-size: var(--om-ppe-pl-font-size, 18px);
	color: var(--om-ppe-pl-text-color, #212121);
	margin-bottom: 10px;
}

.om-ppe-payment-logos-images {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.om-ppe-payment-logos-images img.om-ppe-payment-logo {
	max-width: var(--om-ppe-pl-image-max-width, 80px);
	max-height: var(--om-ppe-pl-image-max-height, 100px);
	width: auto;
	height: auto;
	object-fit: contain;
}

/* Placeholder logos */
.om-ppe-payment-logos-images.is-placeholder img.om-ppe-payment-logo {
	opacity: 0.7;
}