/*
 * Multimax Direct – Gravity Forms theme styling
 * Overrides GF default styles to match the site design.
 * Loaded via functions.php on pages containing a GF form.
 */

/* ── Wrapper ─────────────────────────────────────────────── */
.gform_wrapper.gravity-theme {
  font-family: 'Barlow', sans-serif;
}

/* ── Labels ──────────────────────────────────────────────── */
.gform_wrapper .gfield_label,
.gform_wrapper .ginput_complex label {
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000066;
  margin-bottom: 4px;
}

.gform_wrapper .gfield_required {
  color: #bc0018;
  margin-left: 2px;
}

/* ── Inputs, Selects, Textareas ──────────────────────────── */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select,
.gform_wrapper textarea {
  width: 100%;
  border: 1px solid #e8e8e0;
  border-radius: 0;
  padding: 10px 12px;
  font-family: 'Barlow', sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  background: #fff;
  outline: none;
  box-shadow: none;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  appearance: none;
}

.gform_wrapper input:focus:not([type=radio]):not([type=checkbox]),
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  border-color: #000066;
  box-shadow: none;
}

.gform_wrapper textarea {
  min-height: 130px;
  resize: vertical;
}

/* Select arrow */
.gform_wrapper select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 16'%3E%3Cpolyline points='2 2 12 14 22 2' fill='none' stroke='%23555' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

/* ── Field rows ──────────────────────────────────────────── */
.gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.gform_wrapper .gfield {
  margin: 0;
  padding: 0;
}

/* Half-width fields side by side */
.gform_wrapper .gfield.gf_left_half,
.gform_wrapper .gfield.gf_right_half {
  width: 100%;
}
@media (min-width: 640px) {
  .gform_wrapper .gform_fields {
    grid-template-columns: 1fr 1fr;
  }
  .gform_wrapper .gfield--width-full,
  .gform_wrapper .gfield.gsection,
  .gform_wrapper .gfield.gf_full {
    grid-column: 1 / -1;
  }
}

/* ── Name field (GF complex) ─────────────────────────────── */
.gform_wrapper .ginput_complex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.gform_wrapper .ginput_complex .name_first,
.gform_wrapper .ginput_complex .name_last {
  display: flex;
  flex-direction: column;
}

/* ── Checkbox & Radio ────────────────────────────────────── */
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.gform_wrapper .gfield_checkbox input[type=checkbox],
.gform_wrapper .gfield_radio input[type=radio] {
  width: 16px;
  height: 16px;
  accent-color: #000066;
  flex-shrink: 0;
}
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  color: #1a1a1a;
  font-weight: 400;
}

/* ── Submit button ───────────────────────────────────────── */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
  margin-top: 8px;
  padding: 0;
  border: none;
}

.gform_wrapper input[type=submit],
.gform_wrapper button[type=submit],
.gform_wrapper .gform_button {
  background: #bc0018 !important;
  color: #fff !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 12px 32px !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  box-shadow: none !important;
}
.gform_wrapper input[type=submit]:hover,
.gform_wrapper button[type=submit]:hover,
.gform_wrapper .gform_button:hover {
  background: #9a0014 !important;
}

/* ── Validation errors ───────────────────────────────────── */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
  border-color: #bc0018 !important;
  background: #fff8f8;
}

.gform_wrapper .gfield_error .gfield_label {
  color: #bc0018;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_description.validation_message {
  font-size: 12px;
  color: #bc0018;
  margin-top: 4px;
  font-weight: 500;
}

.gform_wrapper .gform_validation_errors,
.gform_wrapper .validation_error {
  background: #fff0f0;
  border: 2px solid #bc0018;
  color: #bc0018;
  padding: 12px 16px;
  font-size: 13px;
  margin-bottom: 20px;
  border-radius: 0;
}

/* ── Confirmation message ────────────────────────────────── */
.gform_confirmation_wrapper .gform_confirmation_message {
  background: #f0faf4;
  border: 2px solid #1a6b35;
  color: #1a6b35;
  padding: 20px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0;
}

/* ── Section break ───────────────────────────────────────── */
.gform_wrapper .gsection {
  border-bottom: 2px solid #000066;
  padding-bottom: 8px;
}
.gform_wrapper .gsection_title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000066;
  margin: 0;
}

/* ── Description text ────────────────────────────────────── */
.gform_wrapper .gfield_description:not(.validation_message) {
  font-size: 12px;
  color: #555;
  margin-top: 4px;
}

/* ── Honeypot (hide) ─────────────────────────────────────── */
.gform_wrapper .gform_validation_container,
.gform_wrapper .ginput_honeypot {
  display: none !important;
}

/* ── Remove GF default spinner / progress bar styling ────── */
.gf_progressbar_wrapper { display: none; }

/* .multimax-input now lives in src/input.css (always loaded), since it's
   used outside Gravity Forms contexts too (e.g. WooCommerce checkout). */