/* FUAM Donaciones 2.3 — estado de monto controlado por la página 1 */

/* Estado base: sigue gris hasta que exista una selección válida. */
body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1)
.gform_page_footer .gform_next_button,
body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1)
.gform-page-footer .gform_next_button {
	background: var(--fuam-disabled, #d5d9e1) !important;
	background-color: var(--fuam-disabled, #d5d9e1) !important;
	border-color: var(--fuam-disabled, #d5d9e1) !important;
	box-shadow: none !important;
	color: var(--fuam-disabled-text, #707887) !important;
	cursor: not-allowed !important;
	filter: none !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

/* Estado válido. La clase se aplica a la página, no solo al botón, para superar
   los selectores originales con ID y !important del CSS consolidado. */
body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1).fuam-amount-valid
.gform_page_footer .gform_next_button,
body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1).fuam-amount-valid
.gform-page-footer .gform_next_button {
	background: var(--fuam-yellow, #ffbd24) !important;
	background-color: var(--fuam-yellow, #ffbd24) !important;
	border-color: var(--fuam-yellow, #ffbd24) !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: pointer !important;
	filter: none !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1).fuam-amount-valid
.gform_page_footer .gform_next_button:hover,
body.single-product .product_cat-donacion
:is(#gform_page_1_1, #gform_page_4_1, #gform_page_5_1).fuam-amount-valid
.gform-page-footer .gform_next_button:hover {
	background: var(--fuam-yellow-hover, #e5a817) !important;
	background-color: var(--fuam-yellow-hover, #e5a817) !important;
	border-color: var(--fuam-yellow-hover, #e5a817) !important;
}

/* Respaldo para formularios futuros que conserven las clases FUAM. */
.gform_wrapper form.fuam-donation-form .fuam-amount-valid .gform_next_button,
.gform_wrapper form.fuam-donation-form.fuam-amount-valid .gform_next_button {
	background: var(--fuam-yellow, #ffbd24) !important;
	background-color: var(--fuam-yellow, #ffbd24) !important;
	border-color: var(--fuam-yellow, #ffbd24) !important;
	color: #ffffff !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}