/* ============================================================
   NGP VAN / EveryAction ActionTag form styling
   Cicirelli for Florida — brand blend
   Loaded on pages with the .ngp-form embed. Edit freely; the
   form's own base styles come from EveryAction, these override.
   Brand: blue #1F3D7C, deep #0E1F45, coral #E65454 (deep #C93E3E),
   off-white #F5F2EF, font Oswald.
   ============================================================ */

.ngp-form {
  text-align: left;
  font-family: 'Oswald', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ---- headings the form renders (e.g. "Join Team Cicirelli!") ---- */
.ngp-form h2,
.ngp-form h3,
.ngp-form legend,
.ngp-form .at-legend,
.ngp-form .at-title {
  font-family: 'Oswald', sans-serif !important;
  color: #0E1F45 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* ---- field labels ---- */
.ngp-form label {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  color: #1A2447;
}

/* ---- text inputs & selects ---- */
.ngp-form input[type="text"],
.ngp-form input[type="email"],
.ngp-form input[type="tel"],
.ngp-form select {
  background: #F5F2EF !important;
  border: 1px solid rgba(31, 61, 124, 0.18) !important;
  border-radius: 6px !important;
  font-family: inherit;
  color: #1A2447;
}
.ngp-form input:focus,
.ngp-form select:focus {
  outline: 2px solid #1F3D7C !important;
  outline-offset: 1px;
  background: #FFFFFF !important;
}

/* ---- checkboxes (SMS consent, updates opt-in) ---- */
.ngp-form input[type="checkbox"] {
  accent-color: #E65454;
}

/* ---- submit button ---- */
.ngp-form .at-submit,
.ngp-form input[type="submit"],
.ngp-form button[type="submit"] {
  background: #E65454 !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: background 0.15s ease;
}
.ngp-form .at-submit:hover,
.ngp-form input[type="submit"]:hover,
.ngp-form button[type="submit"]:hover {
  background: #C93E3E !important;
}

/* ---- FastAction header row: keep it subtle ---- */
.ngp-form .at-markup .fastaction,
.ngp-form .at-fa-block {
  font-size: 0.85rem;
}

/* ---- error text ---- */
.ngp-form .at-error,
.ngp-form .error {
  color: #C93E3E;
}