/* ===========================================================
   TDM Insights — Gravity Forms theme  (v2 — orbital-ready)
   Styles a Gravity Form to match the contact-page design, whether the
   form uses the modern "orbital" theme (GF 2.8+) or the legacy markup.

   BUILD THE FORM (fields, in order):
     • Name         — Advanced "Name", First + Last              [required]
     • Email        — "Email"                                    [required]
     • Company site — "Single Line Text"
     • I'm interested in — "Radio Buttons":
           Done-for-you · Done-with-you · Done-by-you · Not sure yet
     • What are you trying to grow? — "Paragraph Text"
   Notifications → Send to contactus@tdminsights.com
   Confirmation → "Text" → reuse the success copy.

   EMBED (the theme template already does this):
     <div class="tdm-form">[gravityform id="X" title="false" description="false" ajax="true"]</div>
   =========================================================== */

/* ---- 1. Override Gravity Forms' orbital theme variables ---- */
.tdm-form .gform_wrapper,
.tdm-form .gform-theme--framework,
.tdm-form .gform-theme--foundation{
  --gf-color-primary:#38431D;
  --gf-color-primary-rgb:56,67,29;
  --gf-color-primary-contrast:#F4F2EC;
  --gf-color-primary-darker:#2C3614;
  --gf-color-primary-lighter:#46531f;
  --gf-ctrl-bg-color:#FBFAF6;
  --gf-ctrl-border-color:#D7D4C4;
  --gf-ctrl-border-color-hover:#38431D;
  --gf-ctrl-border-color-focus:#38431D;
  --gf-ctrl-color:#33332B;
  --gf-ctrl-radius:10px;
  --gf-ctrl-label-color-primary:#38431D;
  --gf-ctrl-label-color-secondary:#6E6E60;
  --gf-ctrl-btn-bg-color-primary:#38431D;
  --gf-ctrl-btn-bg-color-hover-primary:#2C3614;
  --gf-ctrl-btn-color-primary:#F4F2EC;
  --gf-ctrl-btn-border-color-primary:#38431D;
  --gf-ctrl-btn-radius:100px;
}

/* ---- 2. Card shell (the .tdm-form wrapper IS the card) ---- */
.tdm-form{background:#FBFAF6;border:1px solid #D7D4C4;border-radius:18px;padding:44px 42px;
  font-family:'Figtree',system-ui,sans-serif}
.tdm-form .gform_wrapper{margin:0}
.tdm-form .gform_wrapper form{margin:0}

/* ---- 3. Field spacing ---- */
.tdm-form .gform_wrapper .gform_fields{grid-row-gap:20px!important;row-gap:20px!important}
.tdm-form .gform_wrapper .gfield{margin:0!important;padding:0!important}

/* ---- 4. Labels ---- */
.tdm-form .gform_wrapper .gfield_label,
.tdm-form .gform_wrapper legend.gfield_label{
  font-size:14px!important;font-weight:700!important;color:#38431D!important;
  margin:0 0 8px!important;line-height:1.3}
.tdm-form .gform_wrapper .gfield_required,
.tdm-form .gform_wrapper .gfield_required .gfield_required_text{color:#8FBE3C!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.01em}
.tdm-form .gform_wrapper .gform_fileupload_rules,
.tdm-form .gform_wrapper .gfield_description,
.tdm-form .gform_wrapper .ginput_complex label{
  font-size:12px!important;font-weight:600!important;color:#6E6E60!important}

/* ---- 5. Text inputs + textarea ---- */
.tdm-form .gform_wrapper .ginput_container input[type=text],
.tdm-form .gform_wrapper .ginput_container input[type=email],
.tdm-form .gform_wrapper .ginput_container input[type=url],
.tdm-form .gform_wrapper .ginput_container input[type=tel],
.tdm-form .gform_wrapper .ginput_container textarea{
  width:100%!important;background:#FBFAF6!important;border:1.5px solid #D7D4C4!important;
  border-radius:10px!important;padding:14px 16px!important;font-family:inherit!important;
  font-size:16px!important;color:#33332B!important;box-shadow:none!important;line-height:1.4}
.tdm-form .gform_wrapper .ginput_container input:focus,
.tdm-form .gform_wrapper .ginput_container textarea:focus{
  outline:none!important;border-color:#38431D!important;box-shadow:0 0 0 3px rgba(143,190,60,.22)!important}
.tdm-form .gform_wrapper .ginput_container textarea{min-height:120px!important;resize:vertical}
.tdm-form .gform_wrapper ::placeholder{color:#9A9A8C!important}

/* ---- 6. Name (first / last) two-up ---- */
.tdm-form .gform_wrapper .ginput_complex.ginput_container_name{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
.tdm-form .gform_wrapper .ginput_complex .ginput_full{grid-column:1 / -1}
.tdm-form .gform_wrapper .ginput_complex span{padding:0!important;margin:0!important}

/* ---- 7. Radio buttons rendered as brand pills ---- */
.tdm-form .gform_wrapper fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0}
.tdm-form .gform_wrapper .gfield_radio{display:flex!important;flex-direction:row!important;gap:10px!important;flex-wrap:wrap!important;grid-template-columns:none!important}
.tdm-form .gform_wrapper .gfield_radio .gchoice{position:relative;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;display:inline-flex!important}
.tdm-form .gform_wrapper .gfield_radio input[type=radio]{
  position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important}
.tdm-form .gform_wrapper .gfield_radio label,
.tdm-form .gform_wrapper .gfield_radio .gchoice label{
  display:inline-block!important;border:1.5px solid #D7D4C4!important;border-radius:100px!important;
  padding:11px 18px!important;margin:0!important;font-size:15px!important;font-weight:600!important;
  color:#33332B!important;cursor:pointer;background:#FBFAF6!important;line-height:1.2!important;
  max-width:none!important;transition:all .15s}
.tdm-form .gform_wrapper .gfield_radio input[type=radio]:checked + label{
  background:#38431D!important;color:#F4F2EC!important;border-color:#38431D!important}
.tdm-form .gform_wrapper .gfield_radio label:hover{border-color:#38431D!important}

/* ---- 8. Submit ---- */
.tdm-form .gform_wrapper .gform_footer{margin:8px 0 0!important;padding:0!important;justify-content:stretch}
.tdm-form .gform_wrapper .gform_footer input[type=submit],
.tdm-form .gform_wrapper .gform_footer button,
.tdm-form .gform_wrapper .gform_footer .gform-button,
.tdm-form .gform_wrapper .gform-theme-button{
  width:100%!important;display:block!important;background:#38431D!important;background-image:none!important;
  color:#F4F2EC!important;font-weight:700!important;font-size:19px!important;line-height:1!important;
  padding:18px 32px!important;border:0!important;border-radius:100px!important;cursor:pointer;
  font-family:inherit!important;box-shadow:none!important;text-shadow:none!important;outline:none!important;
  appearance:none!important;-webkit-appearance:none!important;min-height:0!important;height:auto!important;
  transition:background .18s,transform .18s,box-shadow .18s;text-transform:none!important}
.tdm-form .gform_wrapper .gform_footer input[type=submit]:hover,
.tdm-form .gform_wrapper .gform_footer button:hover{
  background:#2C3614!important;transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(56,67,29,.55)!important}
.tdm-form .gform_wrapper .gform_footer .arrow{display:inline-block;transition:transform .2s ease}
.tdm-form .gform_wrapper .gform_footer button:hover .arrow{transform:translateX(5px)}

/* ---- 8b. Reassurance note under the button ---- */
.tdm-form .form-note{font-size:13.5px;color:#6E6E60;text-align:center;margin:16px 0 0;
  font-family:'Figtree',system-ui,sans-serif}

/* ---- 9. Confirmation (on-page success message) ---- */
.tdm-form .gform_confirmation_message{
  background:#E8E5D4!important;border:0!important;border-radius:14px;
  padding:36px 34px!important;color:#33332B!important;font-size:17px;line-height:1.55;
  font-family:'Figtree',system-ui,sans-serif}

/* ---- 10. Validation ---- */
.tdm-form .gform_wrapper .gfield_error .ginput_container input,
.tdm-form .gform_wrapper .gfield_error .ginput_container textarea{border-color:#C0492F!important}
.tdm-form .gform_wrapper .gfield_validation_message,
.tdm-form .gform_wrapper .validation_message{
  background:transparent!important;border:0!important;color:#C0492F!important;
  font-size:13px!important;font-weight:600!important;padding:6px 0 0!important}
.tdm-form .gform_wrapper .gform_validation_errors{
  background:#F7E9E4!important;border:1px solid #E3B9AC!important;border-radius:12px!important;box-shadow:none!important}
.tdm-form .gform_wrapper .gform_validation_errors h2{color:#C0492F!important;font-size:16px!important}

/* ---- 11. Mobile ---- */
@media(max-width:560px){
  .tdm-form{padding:32px 24px}
  .tdm-form .gform_wrapper .ginput_complex.ginput_container_name{grid-template-columns:1fr!important}
}