/* Modern restyle for the Auto Checkout Replacer checkout page.
   Only visual properties (color, radius, shadow, transition) are touched —
   nothing here changes layout, display, or structure. */
.acr-checkout-scope {
	--acr-primary: #0f7a26 !important;
	--acr-secondary: #12341f !important;
	--acr-button: #16a34a !important;
	--acr-button-text: #ffffff !important;
	--acr-radius: 14px !important;
}

.acr-checkout-scope .acr-customer-card,
.acr-checkout-scope .acr-order-card {
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;
	border-color: #e5e7eb !important;
}

.acr-checkout-scope .acr-checkout-note,
.acr-checkout-scope .acr-card-title {
	background: linear-gradient(135deg, #f0fdf4, #ecfdf5) !important;
	border-bottom-color: #d1fae5 !important;
}

.acr-checkout-scope .input-text,
.acr-checkout-scope input[type="text"],
.acr-checkout-scope input[type="tel"],
.acr-checkout-scope input[type="email"],
.acr-checkout-scope input[type="number"],
.acr-checkout-scope select,
.acr-checkout-scope textarea {
	transition: border-color .15s ease, box-shadow .15s ease !important;
}

.acr-checkout-scope .acr-button,
.acr-checkout-scope #payment #place_order {
	box-shadow: 0 10px 24px rgba(22, 163, 74, 0.3) !important;
	transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

.acr-checkout-scope .acr-button:hover,
.acr-checkout-scope #payment #place_order:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 30px rgba(22, 163, 74, 0.38) !important;
}

.acr-checkout-scope .acr-button:active,
.acr-checkout-scope #payment #place_order:active {
	transform: translateY(0) !important;
}

/* Modern restyle for the Buy Now quick-order popup (subhan-eac). */
.subhan-eac-widget,
.subhan-eac-modal {
	--seac-quick-primary: #0f7a26 !important;
	--seac-quick-primary-hover: #0c5f1e !important;
	--seac-chip-radius: 12px !important;
}

.subhan-eac-modal__panel {
	border-radius: 20px !important;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.32), 0 0 0 1px rgba(15, 122, 38, 0.06) !important;
}

.subhan-eac-modal .subhan-eac-quick-widget button.subhan-eac-quick-confirm,
.subhan-eac-modal .subhan-eac-quick-widget button.subhan-eac-quick-confirm.elementor-button {
	border-radius: 12px !important;
	box-shadow: 0 10px 24px rgba(15, 122, 38, 0.3) !important;
	transition: transform .15s ease, filter .15s ease, box-shadow .15s ease !important;
}

.subhan-eac-modal .subhan-eac-quick-widget button.subhan-eac-quick-confirm:hover,
.subhan-eac-modal .subhan-eac-quick-widget button.subhan-eac-quick-confirm.elementor-button:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 30px rgba(15, 122, 38, 0.38) !important;
}