/* =====================================================================
   Gravity Forms skin — make the GF embeds match the original hardcoded
   markup exactly.
     - Contact form  (#1) inside .c-left-content  -> original .c-inp / .c-submit
     - Newsletter    (#5) inside .fn-form         -> original .fn-field / .fn-send
     - Contact page form inside .contact-form-wrap -> light variant (white bg)
   GF's "orbital" theme is reset with scoped !important rules so only these
   embeds are affected.
   ===================================================================== */

/* ---- shared GF chrome reset (labels, descriptions, required, legend) ---- */
.c-left-content .gform_wrapper,
.fn-form .gform_wrapper,
.contact-form-wrap .gform_wrapper { margin: 0 !important; }

.c-left-content .gfield_label,
.c-left-content .gform_required_legend,
.c-left-content .gfield_description,
.fn-form .gfield_label,
.fn-form .gfield_required,
.fn-form .gform_required_legend,
.fn-form .gfield_description,
.contact-form-wrap .gfield_label,
.contact-form-wrap .gfield_description,
.contact-form-wrap .gform_required_legend { display: none !important; }

/* stack fields vertically (override orbital's grid) */
.c-left-content .gform_fields,
.fn-form .gform_fields,
.contact-form-wrap .gform_fields {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  row-gap: 0 !important;
}
.c-left-content .gfield,
.fn-form .gfield,
.contact-form-wrap .gfield { margin: 0 !important; padding: 0 !important; }
.c-left-content .ginput_container,
.fn-form .ginput_container,
.contact-form-wrap .ginput_container { margin-top: 0 !important; }

/* =====================================================================
   1) CONTACT form on the orange panel  (.c-left-content) — exact .c-inp
   ===================================================================== */
.c-left-content .gform_wrapper input[type=text],
.c-left-content .gform_wrapper input[type=email],
.c-left-content .gform_wrapper input[type=tel],
.c-left-content .gform_wrapper input[type=url],
.c-left-content .gform_wrapper textarea {
  background: rgba(255,255,255,.2) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: none !important;
  border-radius: 32px !important;
  height: 70px !important;
  padding: 0 26px !important;
  font-size: 1rem !important;
  color: #fff !important;
  font-family: var(--sans) !important;
  letter-spacing: -.04em !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
  line-height: 70px !important;
}
.c-left-content .gform_wrapper textarea {
  height: 120px !important;
  line-height: 1.5 !important;
  padding: 20px 26px !important;
  resize: none !important;
}
.c-left-content .gform_wrapper input::placeholder,
.c-left-content .gform_wrapper textarea::placeholder { color: rgba(255,255,255,.6) !important; opacity: 1; }
.c-left-content .gform_wrapper input:focus,
.c-left-content .gform_wrapper textarea:focus { outline: none !important; background: rgba(255,255,255,.3) !important; }

/* submit -> white pill, orange text + orange arrow (matches .c-submit) */
.c-left-content .gform_footer,
.c-left-content .gform-footer { margin: 0 !important; padding: 0 !important; }
.c-left-content .c-submit-gf {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #fff !important;
  color: var(--orange) !important;
  height: 70px !important;
  border-radius: 100px !important;
  width: 100% !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  font-family: var(--sans) !important;
  border: none !important;
  cursor: pointer;
  transition: opacity .2s;
}
.c-left-content .c-submit-gf:hover { opacity: .92; }
.c-left-content .c-submit-gf img { width: 22px; height: 22px; display: inline-block; }

/* =====================================================================
   2) NEWSLETTER form in the footer (.fn-form) — exact .fn-field / .fn-send
   ===================================================================== */
.fn-form .gform_wrapper,
.fn-form .gform_wrapper form { position: relative; }
.fn-form .gform_wrapper form { height: 70px; }
.fn-form .gform_wrapper .gform-body,
.fn-form .gform_wrapper .gform_body,
.fn-form .gform_wrapper .gfield,
.fn-form .gform_wrapper .ginput_container { height: 100%; margin: 0 !important; padding: 0 !important; }

.fn-form .gform_wrapper input[type=email] {
  width: 100% !important;
  height: 70px !important;
  background: rgba(255,255,255,.2) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: none !important;
  border-radius: 32px !important;
  padding: 0 80px 0 32px !important;
  font-size: 1rem !important;
  color: #fff !important;
  font-family: var(--sans) !important;
  letter-spacing: -.04em !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.fn-form .gform_wrapper input[type=email]::placeholder { color: rgba(255,255,255,.5) !important; opacity: 1; }
.fn-form .gform_wrapper input[type=email]:focus { outline: none !important; background: rgba(255,255,255,.3) !important; }

/* circular send button overlapping the input's right edge (matches .fn-send) */
.fn-form .gform_footer,
.fn-form .gform-footer {
  position: absolute !important;
  right: 5px;
  top: 5px;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.fn-form .fn-send-gf {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important;
  transition: opacity .2s;
}
.fn-form .fn-send-gf:hover { opacity: .85; }
.fn-form .fn-send-gf img { width: 24px; height: 24px; object-fit: contain; }

/* =====================================================================
   3) CONTACT PAGE form (.contact-form-wrap) — light variant for white bg
   (this form is new; the frosted-white style above would be invisible here)
   ===================================================================== */
.contact-form-wrap { max-width: 640px; margin: 40px auto 0; }
.contact-form-wrap .gform_wrapper input[type=text],
.contact-form-wrap .gform_wrapper input[type=email],
.contact-form-wrap .gform_wrapper input[type=tel],
.contact-form-wrap .gform_wrapper textarea {
  background: #f5f4f2 !important;
  border: 1px solid rgba(13,6,0,.08) !important;
  border-radius: 32px !important;
  height: 70px !important;
  padding: 0 26px !important;
  font-size: 1rem !important;
  color: var(--dark) !important;
  font-family: var(--sans) !important;
  letter-spacing: -.04em !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
}
.contact-form-wrap .gform_wrapper input::placeholder,
.contact-form-wrap .gform_wrapper textarea::placeholder { color: rgba(13,6,0,.4) !important; opacity: 1; }
.contact-form-wrap .gform_wrapper input:focus,
.contact-form-wrap .gform_wrapper textarea:focus { outline: none !important; border-color: var(--orange) !important; background: #fff !important; }
.contact-form-wrap .gform_footer,
.contact-form-wrap .gform-footer { margin: 0 !important; padding: 0 !important; }
.contact-form-wrap .c-submit-gf {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--orange) !important;
  color: #fff !important;
  height: 70px !important;
  border-radius: 100px !important;
  width: 100% !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  font-family: var(--sans) !important;
  border: none !important;
  cursor: pointer;
  transition: opacity .2s;
}
.contact-form-wrap .c-submit-gf:hover { opacity: .92; }
/* white arrow on the orange button */
.contact-form-wrap .c-submit-gf img { width: 22px; height: 22px; filter: brightness(0) invert(1); }