/*
 * Gravity Forms styling: dark-surface fields (job application) + brand
 * buttons on every form.
 *
 * GF's Orbital theme colours labels, descriptions, choices and section titles
 * through its own selectors and an inline <style> keyed to #gform_wrapper_N,
 * so the plain `.form--dark label` rule in base.css loses for anything beyond
 * a basic text field. These rules cover every field type an editor can add
 * (radio, checkbox, consent, address, date, section, file upload, select).
 *
 * @package IronWoman
 */

/* Re-point Orbital's colour variables for the whole dark form. */
.form--dark .gform_wrapper.gform-theme {
  --gf-color-primary: #be3a2b !important;
  --gf-color-primary-rgb: 190, 58, 43 !important;
  --gf-color-primary-contrast: #fff !important;
  --gf-color-in-ctrl: rgba(236, 231, 220, .04) !important;
  --gf-color-in-ctrl-contrast: #f3efe7 !important;
  --gf-color-in-ctrl-dark: rgba(236, 231, 220, .5) !important;
  --gf-color-in-ctrl-light: rgba(236, 231, 220, .2) !important;
  --gf-color-out-ctrl-dark: rgba(236, 231, 220, .7) !important;
  --gf-color-out-ctrl-light: rgba(236, 231, 220, .2) !important;
  --gf-ctrl-label-color-primary: #f3efe7 !important;
  --gf-ctrl-label-color-secondary: rgba(236, 231, 220, .7) !important;
  --gf-ctrl-desc-color: rgba(236, 231, 220, .62) !important;
  --gf-ctrl-color: #f3efe7 !important;
  --gf-ctrl-placeholder-color: rgba(236, 231, 220, .4) !important;
  --gf-ctrl-bg-color: rgba(236, 231, 220, .04) !important;
  --gf-ctrl-border-color: rgba(236, 231, 220, .2) !important;
  --gf-ctrl-choice-check-color: #be3a2b !important;
  color: var(--light-82);
}

/* Field labels, legends, sub-labels, descriptions. */
.form--dark .gform_wrapper .gfield_label,
.form--dark .gform_wrapper legend.gfield_label,
.form--dark .gform_wrapper .gform-field-label {
  color: var(--light) !important;
}
.form--dark .gform_wrapper .gform-field-label--type-sub,
.form--dark .gform_wrapper .ginput_complex label,
.form--dark .gform_wrapper .gfield_description,
.form--dark .gform_wrapper .gform_fileupload_rules,
.form--dark .gform_wrapper .gfield_consent_description,
.form--dark .gform_wrapper .gsection_description {
  color: var(--light-62) !important;
}

/* Radio / checkbox / consent option text. */
.form--dark .gform_wrapper .gchoice label,
.form--dark .gform_wrapper .gform-field-label--type-inline,
.form--dark .gform_wrapper .ginput_container_consent label {
  color: var(--light-82) !important;
}

/* Radio + checkbox controls: visible ring, brick-red when checked. */
.form--dark .gform_wrapper input[type=radio],
.form--dark .gform_wrapper input[type=checkbox] {
  width: 20px !important; min-width: 20px; height: 20px !important; padding: 0 !important;
  background-color: rgba(236, 231, 220, .06) !important;
  border: 1px solid rgba(236, 231, 220, .45) !important;
}
.form--dark .gform_wrapper input[type=radio]:checked,
.form--dark .gform_wrapper input[type=checkbox]:checked {
  border-color: var(--accent) !important;
}

/* Section breaks (e.g. "Education", "Employment history"). */
.form--dark .gform_wrapper .gsection {
  border-bottom-color: var(--bd-dark-2) !important;
}
.form--dark .gform_wrapper .gsection_title {
  color: var(--light) !important;
}

/* Selects: readable chevron + option list. */
.form--dark .gform_wrapper select option {
  color: #14201e;
  background: #f3efe7;
}

/* Date fields render as small number boxes (MM / DD / YYYY). */
.form--dark .gform_wrapper .ginput_container_date input::placeholder,
.form--dark .gform_wrapper input::placeholder,
.form--dark .gform_wrapper textarea::placeholder {
  color: var(--light-40) !important;
}

/* Required marker + validation stay legible on dark. */
.form--dark .gform_wrapper .gfield_required { color: #e2735f !important; }
.form--dark .gform_wrapper .gfield_validation_message,
.form--dark .gform_wrapper .validation_message,
.form--dark .gform_wrapper .gform_validation_errors {
  color: #f3efe7 !important;
  background: rgba(190, 58, 43, .18) !important;
  border-color: rgba(190, 58, 43, .6) !important;
}
.form--dark .gform_wrapper .gform_validation_errors h2 { color: #f3efe7 !important; }

/* HTML blocks / long legal text an editor pastes into the form. */
.form--dark .gform_wrapper .gfield_html,
.form--dark .gform_wrapper .gfield_html p {
  color: var(--light-78);
}
.form--dark .gform_wrapper a { color: var(--light); }

/* File upload (CV). */
.form--dark .gform_wrapper .ginput_container_fileupload input[type=file] {
  border-style: dashed !important;
  color: var(--light-62) !important;
}

/*
 * Submit / Next / Previous buttons on every Gravity Form (light contact form
 * and dark job form). GF's Orbital default is blue; match the theme's .btn.
 */
.gform_wrapper.gform-theme .gform_footer .gform_button,
.gform_wrapper.gform-theme .gform_page_footer .button,
.gform_wrapper.gform-theme button.gform_button,
.gform_wrapper.gform-theme input.gform_button {
  font-family: var(--font-mono) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: var(--btn-text) !important;
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 24px !important;
  min-height: 0 !important;
  cursor: pointer;
  transition: background var(--t-base), color var(--t-base), border-color var(--t-base) !important;
}
/* Light surface: hover to ink (as .btn--on-light). */
.gform_wrapper.gform-theme .gform_footer .gform_button:hover,
.gform_wrapper.gform-theme .gform_page_footer .button:hover,
.gform_wrapper.gform-theme .gform_footer .gform_button:focus-visible {
  background: var(--ink) !important;
  background-color: var(--ink) !important;
  border-color: var(--ink) !important;
  color: var(--btn-text) !important;
}
/* Dark surface: hover to outline (as .btn on dark). */
.form--dark .gform_wrapper.gform-theme .gform_footer .gform_button:hover,
.form--dark .gform_wrapper.gform-theme .gform_page_footer .button:hover,
.form--dark .gform_wrapper.gform-theme .gform_footer .gform_button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--accent) !important;
  color: var(--light) !important;
}
/* "Previous" on multi-page forms reads as the secondary action. */
.gform_wrapper.gform-theme .gform_page_footer .gform_previous_button {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
  border-color: currentColor !important;
}