/* Classic Checkout - PowerBoard payment method styles */
.wc_payment_method.payment_method_power_board label {
	display: inline-flex !important;
	align-items: center;
	flex-wrap: wrap;
	max-width: calc(100% - 35px);
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
	column-gap: 4px;
}

.wc_payment_method.payment_method_power_board.contains-input label {
	max-width: 100%;
	align-items: baseline;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_power_board label img {
	align-self: center;
	height: 24px;
	margin: 0 0 0 auto;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_power_board img.payment-method {
	margin: 0;
}

#wc-classic-power-board-checkout {
	background: transparent;
	padding: 0;
	margin: 0;
	border: none;
}

/* Blocks Checkout - PowerBoard payment method styles */
.master-widget-wrapper {
	position: relative;
	margin-top: -8px;
}

.power-board-payment-method-label-wrapper {
	display: flex;
	flex-direction: column;
	align-items: start;
	width: 100%;
}

.power-board-payment-method-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.power-board-payment-method-label-logo {
	margin: 0;
	height: 24px !important;
	max-height: 24px !important;
}

.power-board-payment-method-label-text {
	margin-right: 8px;
	vertical-align: top;
}

.payment_method_power_board label img {
	height: 24px !important;
	max-height: 24px !important;
}

/* PowerBoard available payment methods list styling */
.powerboard-payment-methods-wrapper {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.powerboard-payment-methods-wrapper img.payment-method {
	height: 24px;
}

/* Payment info message styling */
#powerboard-payment-info {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 12px 8px;
	margin: 8px 0;
}

#powerboard-payment-info p {
	margin: 0;
	color: #495057;
	font-size: 14px;
	line-height: 1.5;
}

/* Checkout widget styles */
.powerboard-modal-body #standaloneWidget .gpay-card-info-container-fill .gpay-card-info-animation-container,
.powerboard-modal-body #standaloneWidget .gpay-card-info-container-fill .gpay-card-info-iframe {
	right: 0;
}

.powerboard-modal-body #standaloneWidget .paypal-buttons {
	right: 0;
	padding-bottom: 0;
	margin: 0 10px 10px 10px;
}

@media screen and (max-width: 450px) {
	.powerboard-modal-body #standaloneWidget button {
		width: 100% !important;
	}
}

/* Utilities */
.wc-block-components-notice-banner.hide {
	display: none;
}