/* ==========================================================================
   GRAVITY FORMS MODULE
   --------------------------------------------------------------------------
   Purpose:
   - Styles Gravity Forms panels, section headers, spacing, and field-level
     overrides used across the site.
   - Ensures consistent vertical rhythm, readable section headers, and clean
     spacing between fields.
   - Applies targeted fixes for specific GF fields (e.g., Duration, Application
     Methods) without affecting other form systems.

   Exclusions:
   - No GravityView styling (belongs in forms-gravityview.css)
   - No BuddyBoss registration styling (belongs in forms.css)
   - No directory or profile UI styling

   Sections:
   1. GF Panel Container
   2. Section Headers
   3. Remove Auto-Inserted <hr>
   4. Field Spacing
   5. Section Description Styling
   6. Targeted Field Spacing (Duration, Application Methods)
   ========================================================================== */


/* ==========================================================================
   1. GF Panel Container
   ========================================================================== */
body .gform_wrapper .gf-panel {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  background-color: #fafafa !important;
  padding: 0 !important; /* collapse default GF padding */
  margin-bottom: 24px !important;
}


/* ==========================================================================
   2. Section Headers — Equal Top & Bottom Padding
   ========================================================================== */
body .gform_wrapper .gf-panel h3.gsection_title {
  margin: 0 !important;
  padding: 12px 16px !important;
  background-color: #f5f7fa !important;
  border-bottom: 1px solid #d1d5db !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  text-align: center !important;
}


/* ==========================================================================
   3. Remove Gravity Forms’ Auto-Inserted <hr>
   ========================================================================== */
body .gform_wrapper .gf-panel hr.gf_clear_both {
  display: none !important;
}


/* ==========================================================================
   4. Field Spacing Under Section Headers
   ========================================================================== */
body .gform_wrapper .gf-panel h3.gsection_title + .gfield {
  margin-top: 12px !important;
}

/* Consistent spacing between fields */
body .gform_wrapper .gf-panel .gfield {
  margin-bottom: 12px !important;
}


/* ==========================================================================
   5. Section Description Styling - Left-align and remove italics
   ========================================================================== */
body .gform_wrapper .gsection_title + .gsection_description {
  text-align: left !important;
  font-style: normal !important;
  color: #555 !important;
  margin: 8px 0 16px !important;
  font-size: 0.95em !important;
}


/* ==========================================================================
   6. Targeted Field Spacing (Duration, Application Methods)
   ========================================================================== */

/* Duration fields */
#field_1_63,
#field_1_62 {
  margin-top: 15px !important;
}

/* Application Methods field */
#field_1_73 {
  margin-top: 15px !important;
}