/* ================================================================
   UAGB Form Validation Stylesheet Module
   ================================================================ */
.uagb-forms-main-form .uagb-forms-name-input,
.uagb-forms-main-form .uagb-forms-email-input,
.uagb-forms-main-form .uagb-forms-phone-input {
  height: 50px !important;
  box-sizing: border-box !important;
}

/* Error / valid state */
.uagb-forms-field-set.has-error .uagb-forms-input {
  border-color: #e24b4a !important;
  box-shadow: 0 0 0 2px rgba(226, 75, 74, 0.12);
}

.uagb-forms-field-set.is-valid .uagb-forms-input {
  border-color: #639922 !important;
  box-shadow: none;
}

/* Submit button loading state */
.uagb-forms-main-submit-button:disabled {
  opacity: 0.65 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

/* Ẩn country code select, phone input chiếm full width */
.uagb-forms-phone-wrap .uagb-form-phone-country {
  display: none !important;
}

.uagb-forms-phone-wrap .uagb-forms-phone-flex {
  display: block !important;
}

.uagb-forms-phone-wrap .uagb-forms-phone-input,
.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-wrap .uagb-forms-phone-input {
  width: 100% !important;
}

/* Tắt màu autofill của browser */
.uagb-forms-input:-webkit-autofill,
.uagb-forms-input:-webkit-autofill:hover,
.uagb-forms-input:-webkit-autofill:focus,
.uagb-forms-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 999px #ffffff inset !important;
  box-shadow: 0 0 0 999px #ffffff inset !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Spinner animation */
@keyframes uagb-spin {
  to {
    transform: rotate(360deg);
  }
}