/**
 * Gravity Forms CSS — extracted from production fastloanadvance.com.
 *
 * Structural rules from basic.min.css + theme.min.css (grid, hidden, labels)
 * plus WPCode inline <style> overrides for form fields and submit button.
 *
 * Note: Gravity Forms v2.9+ uses .gform-theme instead of .gravity-theme.
 * We target .gform_wrapper to cover both variants.
 */

/* === Base === */
.gform_wrapper * { box-sizing: border-box; }
.gform_wrapper fieldset { border: none; display: block; margin: 0; padding: 0; }
.gform_wrapper legend { margin: 0; padding: 0; }

/* === Hidden / Honeypot === */
.gform_wrapper .gform_validation_container { display: none !important; position: absolute !important; left: -9000px; }
.gform_wrapper .gf_hidden,
.gform_wrapper .gform_hidden { display: none; }
.gform_wrapper .hidden_label .gfield_label {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute; width: 1px;
}

/* === Grid Layout === */
.gform_wrapper .gform_fields {
  display: grid; grid-column-gap: 2%; grid-row-gap: 16px;
  grid-template-columns: repeat(12, 1fr); width: 100%;
}
.gform_wrapper .gfield { grid-column: 1 / -1; min-width: 0; }
.gform_wrapper .gfield.gfield--width-full { grid-column: span 12; }
.gform_wrapper .gfield.gfield--width-half { grid-column: span 6; }
.gform_wrapper .gfield.gfield--width-third { grid-column: span 4; }
.gform_wrapper .gfield.gfield--width-two-thirds { grid-column: span 8; }

@media (max-width: 640px) {
  .gform_wrapper .gform_fields { grid-column-gap: 0; }
  .gform_wrapper .gfield:not(.gfield--width-full) { grid-column: 1 / -1; }
}

/* === Labels === */
.gform_wrapper .gfield_label {
  display: inline-block; font-size: 16px; font-weight: 700;
  margin-bottom: 8px; padding: 0;
}
.gform_wrapper .gfield_required {
  color: #c02b0a; display: inline-block; font-size: 13px;
  padding-inline-start: 0.125em;
}

/* === Inputs base sizing === */
.gform_wrapper .gfield input,
.gform_wrapper .gfield select { max-width: 100%; }
.gform_wrapper .gfield textarea { width: 100%; max-width: 100%; }
.gform_wrapper .gfield textarea.medium { height: 192px; }
.gform_wrapper .gfield input.medium,
.gform_wrapper .gfield select.medium { width: calc(50% - 8px); }
.gform_wrapper .gfield input.large,
.gform_wrapper .gfield select.large { width: 100%; }

/* === Footer / Submit === */
.gform_wrapper .gform_footer,
.gform_wrapper .gform-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 24px; padding: 16px 0; }

/* === Button width (from foundation CSS) === */
.gform_wrapper .gform-button--width-full { width: 100%; }

/* === Validation (if triggered) === */
.gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid #c02b0a; }
.gform_wrapper .gfield_validation_message {
  color: #c02b0a; background: #fff9f9; border: 1px solid #c02b0a;
  font-size: 15px; margin-top: 8px; padding: 13px 24px;
}

/* ====================================================================
   WPCode: Custom form overrides (from inline <style> on production)
   ==================================================================== */

body .gform_wrapper .gform_body .gform_fields .gfield input,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield select {
  border: 1px solid #D7D7D7;
  border-radius: 10px;
  padding: 16px 20px;
  background-color: #fff;
  color: #112337;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

body .gform_wrapper .gform_body .gform_fields .gfield input::placeholder,
body .gform_wrapper .gform_body .gform_fields .gfield textarea::placeholder {
  color: #686868;
  opacity: 1;
}

body .gform_wrapper .gform_footer input[type="submit"],
body .gform_wrapper .gform_page_footer input[type="submit"],
body .gform_wrapper .gform-footer input[type="submit"] {
  background-color: #363D4F !important;
  border-radius: 50px !important;
  color: #fff !important;
  padding: 25px 30px !important;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 18px !important;
  font-weight: 400 !important;
}

body .gform_wrapper .gform_footer input[type="submit"]:hover,
body .gform_wrapper .gform_page_footer input[type="submit"]:hover,
body .gform_wrapper .gform-footer input[type="submit"]:hover {
  background-color: #7ABF2F !important;
}

body .gform_wrapper .gform_body .gform_fields {
  row-gap: 25px !important;
}

h2.gform_title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 42px;
}

.gform_description:empty { display: none; }

body .gform_wrapper .gform_body .gform_fields .gfield input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus {
  border: 1px solid #D7D7D7 !important;
  outline: none !important;
  box-shadow: none !important;
}
