/* ==============================
   Sentoo Checkout Styling
   ============================== */

/* Align radio buttons neatly with labels */
.woocommerce-page .wc_payment_methods input[type=radio].shipping_method + label::before,
.woocommerce-page .wc_payment_methods input[type=radio][name=payment_method] + label::before {
	margin-top: -4px;
}

/* ------------------------------
   Payment method container boxes
   ------------------------------ */
.wc_payment_methods .wc_payment_method {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 18px;
	margin-bottom: 10px !important;
	transition: border-color 0.2s ease, background-color 0.2s ease;
	min-height: 70px;
	max-height: 70px;
	height: 70px;
	overflow: hidden; /* prevent icon/padding overflow */
	display: flex;
	align-items: center;
}

.wc_payment_methods .wc_payment_method label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-weight: 500;
	color: #222;
	cursor: pointer;
	margin: 0;
}

.wc_payment_methods .payment_method_cod.wc_payment_method label {
	justify-content: unset;
}

/* Hover and selected states */
.wc_payment_methods .wc_payment_method:hover {
	border-color: #ccc;
	background-color: #f9f9f9;
}

/* ------------------------------
   Radio buttons
   ------------------------------ */
.wc_payment_methods input[type="radio"] {
	accent-color: #ff7a00; /* modern browsers */
	transform: scale(1.2);
	margin-right: 10px;
}

/* ------------------------------
   Payment icons
   ------------------------------ */
.woocommerce-page .wc_payment_methods li.wc_payment_method img {
	height: 44px;
	width: auto;
	opacity: 0.9;
	margin-top: 0;
	transition: opacity 0.2s ease;
}

.wc_payment_methods .payment-option-icons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 6px;
	margin-left: auto;
}

/* Specific icon tweaks */
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-sentoo { height: 35px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-apc { height: 35px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-bdc { height: 38px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-ab { height: 50px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-mcb { height: 40px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-orco { height: 66px; margin-left: -8px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-visa { height: 66px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-ideal { height: 55px; }
.woocommerce-page .wc_payment_methods li.wc_payment_method img.payment-option-mastercard { height: 40px; margin-left: -8px; }

/* ------------------------------
   Hidden payment description boxes
   ------------------------------ */
.woocommerce-page .wc_payment_methods .payment_box.payment_method_sentoo,
.woocommerce-page .wc_payment_methods .payment_box.payment_method_sentoo_card,
.woocommerce-page .wc_payment_methods .payment_box.payment_method_sentoo_ideal,
.woocommerce-page .wc_payment_methods .payment_box.payment_method_cod {
	display: none !important;
}

/* ------------------------------
   Status Notes
   ------------------------------ */
.status-note {
	padding: 30px;
	color: #222;
	margin-bottom: 35px;
	border-radius: 6px;
}

.success {
	border: 1px solid #00b353;
	background-color: #edf8ef;
}

.pending {
	border: 1px solid #0096c7;
	background-color: #ecf6fa;
}

.warning {
	border: 1px solid #de3912;
	background-color: #fceeeb;
}

/* ------------------------------
   Block checkout compatibility
   ------------------------------ */
.wc_blocks_payment_button_sentoo img {
	height: 58px;
	margin-top: 15px;
}