Gravity Forms Ajax Better | FHD |

.ajax-status.hidden-status display: none;

/* subtle field error highlight */ .field-error border-color: #c73e2f !important; background-color: #fff8f7 !important;

.gf-button:hover background: #1f5622; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,0.1); gravity forms ajax

/* Gravity Forms style fields */ .gf-field margin-bottom: 1.7rem;

/* success / error specific styles inside ajax-status */ .status-success border-left-color: #2c6e2f; background: #edf7ed; .status-error border-left-color: #c73e2f; background: #fef2f0; .status-info border-left-color: #3b7cbf; background: #eff4fa; .ajax-status.hidden-status display: none

/* form container */ .form-container padding: 2rem 2rem 2rem 2rem;

/* AJAX inline message + spinner */ .ajax-status background: #f8fafd; border-radius: 1rem; padding: 0.75rem 1rem; margin: 1rem 0 1.5rem 0; display: flex; align-items: center; gap: 0.75rem; font-size: 0.9rem; border-left: 4px solid #3b7cbf; transition: all 0.2s; background-color: #fff8f7 !important

.gf-field label display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; color: #1f2e3a; letter-spacing: -0.2px;