/*
Theme Name: CAGnite Child
Theme URI: https://wehrenberg.net/
Description: Child theme for Hello Elementor for CAGnite.
Author: Wehrenberg Design Company
Author URI: https://wehrenberg.net/
Template: hello-elementor
Version: 1.0.0
Text Domain: cagnite-child
*/

/* =========================================================
   Gravity Forms – Complex Fields + UAEL Select + Submit Fixes
   (Name, Address, and other multi-input fields)
========================================================= */

/* --- Complex field containers: enforce a real grid --- */
.gform_wrapper .ginput_complex.gform-grid-row,
.gform_wrapper .ginput_container_address.gform-grid-row {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  column-gap: 20px !important;
  row-gap: 14px !important;
}

/* Make direct children stretch (Elementor editor + UAEL can shrink these) */
.gform_wrapper .ginput_complex.gform-grid-row > span,
.gform_wrapper .ginput_container_address.gform-grid-row > span {
  float: none !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

/* Name field (First/Last) – two equal columns */
.gform_wrapper .ginput_container_name.gform-grid-row .gform-grid-col {
  grid-column: span 6 !important;
}

/* Address field – full width lines */
.gform_wrapper .ginput_container_address #input_1_22_1_container,
.gform_wrapper .ginput_container_address #input_1_22_2_container {
  grid-column: 1 / -1 !important;
}

/* Address field – City/State/ZIP (6/3/3) */
.gform_wrapper .ginput_container_address #input_1_22_3_container { grid-column: 1 / 7 !important; }
.gform_wrapper .ginput_container_address #input_1_22_4_container { grid-column: 7 / 10 !important; }
.gform_wrapper .ginput_container_address #input_1_22_5_container { grid-column: 10 / -1 !important; }

/* Inputs/selects fill their cell + consistent height */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Standardize heights (textarea excluded) */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select {
  height: 48px !important;
  line-height: 48px !important;
}

/* =========================================================
   UAEL Select – HARD KILL Custom Arrow (double arrow fix)
========================================================= */

.gform_wrapper .uael-gf-select-custom {
  background: none !important;
  background-image: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
}

.gform_wrapper .uael-gf-select-custom::before,
.gform_wrapper .uael-gf-select-custom::after,
.gform_wrapper .uael-gf-select-custom span::before,
.gform_wrapper .uael-gf-select-custom span::after {
  content: none !important;
  display: none !important;
}

.gform_wrapper .uael-gf-select-custom select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  background-image: none !important;
  padding-right: 12px !important;
}

/* =========================================================
   Submit button – full width, centered
========================================================= */

.gform_wrapper .gform_footer {
  display: flex !important;
  justify-content: center !important;
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_footer .gform_button {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}