/*
 * Payment Form Plugin
 * Styles for coupon validation feedback and credit card field transitions
 */


/* ============================================================
   COUPON FEEDBACK MESSAGE
   ============================================================ */

#pfv-coupon-feedback {
	margin-top:  6px;
	font-size:   0.9em;
	font-weight: 500;
	min-height:  1.2em;   /* Prevents layout shift when message appears/clears */
	transition:  color 0.2s ease;
}

#pfv-coupon-feedback.is-success {
	color: #2e7d32;
}

#pfv-coupon-feedback.is-partial {
	color: #1565c0;
}

#pfv-coupon-feedback.is-error {
	color: #c62828;
}

#pfv-coupon-feedback.is-info {
	color: #555555;
}


/* ============================================================
   CREDIT CARD AND ZERO BALANCE FIELD TRANSITIONS
   jQuery slideUp/slideDown animates height and opacity.
   overflow:hidden prevents content spilling during animation.
   ============================================================ */

.gform_wrapper .gfield--type-creditcard,
.gform_wrapper .hideOnNoBalance {
	overflow: hidden;

}


/* ============================================================
   OPTIONAL: Tighten spacing below the coupon field row to
   close the gap before the feedback div appears
   ============================================================ */

.gform_wrapper .gfield--type-coupon {
	margin-bottom: 4px;
}