/*
 * Styles for the product payment widget outside product pages.
 */

.nova-theme-product-payment {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	align-items: center;
	margin: 0;
}

.nova-theme-product-payment__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-height: 2.5rem;
	padding: 0.45rem 0.75rem;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	background: #ffffff;
}

.nova-theme-product-payment__logo-image {
	display: block;
	width: auto;
	max-width: 100%;
	height: 1.35rem;
	object-fit: contain;
}

.nova-setfooter-section__widget--columns-1 .nova-theme-product-payment,
.nova-setfooter-section__widget--columns-2 .nova-theme-product-payment {
	max-width: 22rem;
}

.nova-theme-product-payment--align-left {
	justify-content: flex-start;
	margin-right: auto;
}

.nova-theme-product-payment--align-center {
	justify-content: center;
	margin-inline: auto;
}

.nova-theme-product-payment--align-right {
	justify-content: flex-end;
	margin-left: auto;
}

@media (max-width: 700px) {
	.nova-theme-product-payment {
		gap: 0.5rem;
		justify-content: center;
		margin-inline: auto;
	}

	.nova-theme-product-payment__logo {
		min-height: 2.35rem;
		padding-inline: 0.65rem;
	}
}