/**
 * Global Gravity Forms styling
 *
 * Override GF Orbital framework design tokens so submit/primary and
 * pagination (Next / Previous) buttons use the Faulkner brand blue across all
 * forms (regular pages and modal).
 * Text fields use a light primary-blue wash (10%), Fira at --gf-input-font-size (1.6rem).
 * Targeting the custom properties lets the framework's own selectors handle
 * normal, hover, focus and disabled states without specificity battles.
 */

.gform_wrapper.gform-theme,
.gform_wrapper.gform-theme--framework,
.gform_wrapper {
  /* Branded form fields (Figma: primary blue @ 10%, Fira 16px) */
  --gf-field-bg: color-mix(
    in srgb,
    var(--Primary-Blue, #005daa) 10%,
    transparent
  );
  --gf-input-font-size: var(--postContentFontMin); /* 1.6rem / 16px */
  --gf-input-padding-y: 1.2rem;
  --gf-input-padding-x: 1.6rem;
  --gf-input-line-height: 1.4;

  --gf-ctrl-btn-bg-color-primary: var(--Primary-Blue, #005daa);
  --gf-ctrl-btn-bg-color-hover-primary: var(--Primart-Blue-Hover, #004a88);
  --gf-ctrl-btn-bg-color-focus-primary: var(--Primart-Blue-Hover, #004a88);
  --gf-ctrl-btn-border-color-primary: var(--Primary-Blue, #005daa);
  --gf-ctrl-btn-border-color-hover-primary: var(--Primart-Blue-Hover, #004a88);
  --gf-ctrl-btn-border-color-focus-primary: var(--Primart-Blue-Hover, #004a88);
  --gf-ctrl-btn-color-primary: #ffffff;
  --gf-ctrl-btn-color-hover-primary: #ffffff;
  --gf-ctrl-btn-color-focus-primary: #ffffff;
  --gf-ctrl-btn-radius: 0;
  --gf-ctrl-btn-font-size: 12px;
  --gf-ctrl-btn-text-transform: uppercase;
}

/**
 * Text fields, textareas, selects — match branded “request info” look.
 * (Submit / Next / Prev stay on button rules below.)
 */
.gform_wrapper input[type='text'],
.gform_wrapper input[type='email'],
.gform_wrapper input[type='tel'],
.gform_wrapper input[type='url'],
.gform_wrapper input[type='number'],
.gform_wrapper input[type='search'],
.gform_wrapper input[type='password'],
.gform_wrapper input[type='date'],
.gform_wrapper input[type='time'],
.gform_wrapper input[type='datetime-local'],
.gform_wrapper input[type='month'],
.gform_wrapper input[type='week'],
.gform_wrapper textarea,
.gform_wrapper select {
  background-color: var(--gf-field-bg);
  border: 1px solid transparent !important;
  border-radius: 0;
  box-sizing: border-box;
  color: var(--black);
  font-family: var(--fira) !important;
  font-size: var(--gf-input-font-size) !important;
  font-style: normal;
  font-weight: 400;
  line-height: var(--gf-input-line-height);
  padding: var(--gf-input-padding-y) var(--gf-input-padding-x) !important;
  width: 100%;
  max-width: 100%;
}

.gform_wrapper input[type='text']::placeholder,
.gform_wrapper input[type='email']::placeholder,
.gform_wrapper input[type='tel']::placeholder,
.gform_wrapper input[type='url']::placeholder,
.gform_wrapper input[type='number']::placeholder,
.gform_wrapper input[type='search']::placeholder,
.gform_wrapper input[type='password']::placeholder,
.gform_wrapper input[type='date']::placeholder,
.gform_wrapper input[type='time']::placeholder,
.gform_wrapper input[type='datetime-local']::placeholder,
.gform_wrapper input[type='month']::placeholder,
.gform_wrapper input[type='week']::placeholder,
.gform_wrapper textarea::placeholder {
  color: var(--black);
  opacity: 1;
}

.gform_wrapper input[type='text']:focus,
.gform_wrapper input[type='email']:focus,
.gform_wrapper input[type='tel']:focus,
.gform_wrapper input[type='url']:focus,
.gform_wrapper input[type='number']:focus,
.gform_wrapper input[type='search']:focus,
.gform_wrapper input[type='password']:focus,
.gform_wrapper input[type='date']:focus,
.gform_wrapper input[type='time']:focus,
.gform_wrapper input[type='datetime-local']:focus,
.gform_wrapper input[type='month']:focus,
.gform_wrapper input[type='week']:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: var(--Primary-Blue, #005daa);
  outline: 2px solid var(--Primary-Blue, #005daa);
  outline-offset: 2px;
}

/**
 * Selects need different sizing than text inputs.
 * GF Orbital paints a custom chevron via background-image and expects
 * appearance:none. Forcing appearance:auto + the shared text-field padding
 * caused clipped labels and a double caret.
 */
.gform_wrapper select {
  color: var(--black);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: auto;
  min-height: calc(
    (var(--gf-input-font-size) * var(--gf-input-line-height)) +
      (2 * var(--gf-input-padding-y))
  );
  line-height: var(--gf-input-line-height);
  /* Room for Orbital’s chevron so text doesn’t sit under it */
  padding-right: calc(var(--gf-input-padding-x) + 1.2rem) !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%;
  background-size: 10px;
}

/**
 * GF Orbital can still compute ~14px from its own layer when the design-token
 * chain wins in DevTools; force 12px to match branded header CTAs.
 */
body .gform_wrapper.gform-theme--framework input[type='submit'].gform_button,
body
  .gform_wrapper.gform-theme--framework
  input[type='submit'].button.gform_button,
body .gform_wrapper.gform-theme--framework button.gform_button,
body
  .gform_wrapper.gform-theme--framework
  input[type='button'].gform_next_button,
body
  .gform_wrapper.gform-theme--framework
  input[type='button'].gform_previous_button,
body .gform_wrapper.gform-theme--framework button.gform_next_button,
body .gform_wrapper.gform-theme--framework button.gform_previous_button {
  font-size: 12px !important;
  line-height: 1.7em !important;
  padding: 0.3em 1em !important;
  min-height: 0 !important;
}

/**
 * Fallback for themes/forms that bypass the framework variables
 * (legacy GF markup, Popup Maker modals, conversational forms, etc.)
 *
 * Includes explicit padding because legacy markup ignores the framework
 * --gf-ctrl-btn-padding-* tokens, otherwise the button collapses to ~57x24px
 * (visible inside .gform_legacy_markup_wrapper / .pum-container).
 */
.gform_wrapper .gform_footer input[type='submit'],
.gform_wrapper .gform_page_footer input[type='submit'],
.gform_wrapper input[type='submit'].gform_button,
.gform_wrapper button.gform_button,
.gform_wrapper .gform_footer input[type='button'].gform_next_button,
.gform_wrapper .gform_footer input[type='button'].gform_previous_button,
.gform_wrapper .gform_page_footer input[type='button'].gform_next_button,
.gform_wrapper .gform_page_footer input[type='button'].gform_previous_button,
.gform_wrapper input[type='button'].gform_next_button,
.gform_wrapper input[type='button'].gform_previous_button,
.gform_wrapper button.gform_next_button,
.gform_wrapper button.gform_previous_button,
.gform_legacy_markup_wrapper .gform_footer input[type='submit'],
.gform_legacy_markup_wrapper .gform_page_footer input[type='submit'],
.gform_legacy_markup_wrapper input[type='submit'].gform_button,
.gform_legacy_markup_wrapper button.gform_button,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_next_button,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_previous_button,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_next_button,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_previous_button,
.gform_legacy_markup_wrapper input[type='button'].gform_next_button,
.gform_legacy_markup_wrapper input[type='button'].gform_previous_button,
.gform_legacy_markup_wrapper button.gform_next_button,
.gform_legacy_markup_wrapper button.gform_previous_button,
.pum-container .gform_wrapper input[type='submit'],
.pum-container .gform_wrapper button.gform_button,
.pum-container .gform_wrapper input[type='button'].gform_next_button,
.pum-container .gform_wrapper input[type='button'].gform_previous_button,
.pum-container .gform_wrapper button.gform_next_button,
.pum-container .gform_wrapper button.gform_previous_button {
  background-color: var(--Primary-Blue, #005daa);
  border: 1px solid var(--Primary-Blue, #005daa);
  color: #ffffff;
  border-radius: 0;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.7em;
  text-transform: uppercase;
  padding: 0.3em 1em;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.gform_wrapper .gform_footer input[type='submit']:hover,
.gform_wrapper .gform_page_footer input[type='submit']:hover,
.gform_wrapper input[type='submit'].gform_button:hover,
.gform_wrapper button.gform_button:hover,
.gform_wrapper .gform_footer input[type='button'].gform_next_button:hover,
.gform_wrapper .gform_footer input[type='button'].gform_previous_button:hover,
.gform_wrapper .gform_page_footer input[type='button'].gform_next_button:hover,
.gform_wrapper
  .gform_page_footer
  input[type='button'].gform_previous_button:hover,
.gform_wrapper input[type='button'].gform_next_button:hover,
.gform_wrapper input[type='button'].gform_previous_button:hover,
.gform_wrapper button.gform_next_button:hover,
.gform_wrapper button.gform_previous_button:hover,
.gform_wrapper .gform_footer input[type='submit']:focus,
.gform_wrapper .gform_page_footer input[type='submit']:focus,
.gform_wrapper input[type='submit'].gform_button:focus,
.gform_wrapper button.gform_button:focus,
.gform_wrapper .gform_footer input[type='button'].gform_next_button:focus,
.gform_wrapper .gform_footer input[type='button'].gform_previous_button:focus,
.gform_wrapper .gform_page_footer input[type='button'].gform_next_button:focus,
.gform_wrapper
  .gform_page_footer
  input[type='button'].gform_previous_button:focus,
.gform_wrapper input[type='button'].gform_next_button:focus,
.gform_wrapper input[type='button'].gform_previous_button:focus,
.gform_wrapper button.gform_next_button:focus,
.gform_wrapper button.gform_previous_button:focus,
.gform_legacy_markup_wrapper .gform_footer input[type='submit']:hover,
.gform_legacy_markup_wrapper .gform_page_footer input[type='submit']:hover,
.gform_legacy_markup_wrapper input[type='submit'].gform_button:hover,
.gform_legacy_markup_wrapper button.gform_button:hover,
.gform_legacy_markup_wrapper .gform_footer input[type='submit']:focus,
.gform_legacy_markup_wrapper .gform_page_footer input[type='submit']:focus,
.gform_legacy_markup_wrapper input[type='submit'].gform_button:focus,
.gform_legacy_markup_wrapper button.gform_button:focus,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_next_button:hover,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_previous_button:hover,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_next_button:hover,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_previous_button:hover,
.gform_legacy_markup_wrapper input[type='button'].gform_next_button:hover,
.gform_legacy_markup_wrapper input[type='button'].gform_previous_button:hover,
.gform_legacy_markup_wrapper button.gform_next_button:hover,
.gform_legacy_markup_wrapper button.gform_previous_button:hover,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_next_button:focus,
.gform_legacy_markup_wrapper
  .gform_footer
  input[type='button'].gform_previous_button:focus,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_next_button:focus,
.gform_legacy_markup_wrapper
  .gform_page_footer
  input[type='button'].gform_previous_button:focus,
.gform_legacy_markup_wrapper input[type='button'].gform_next_button:focus,
.gform_legacy_markup_wrapper input[type='button'].gform_previous_button:focus,
.gform_legacy_markup_wrapper button.gform_next_button:focus,
.gform_legacy_markup_wrapper button.gform_previous_button:focus,
.pum-container .gform_wrapper input[type='submit']:hover,
.pum-container .gform_wrapper button.gform_button:hover,
.pum-container .gform_wrapper input[type='submit']:focus,
.pum-container .gform_wrapper button.gform_button:focus,
.pum-container .gform_wrapper input[type='button'].gform_next_button:hover,
.pum-container .gform_wrapper input[type='button'].gform_previous_button:hover,
.pum-container .gform_wrapper button.gform_next_button:hover,
.pum-container .gform_wrapper button.gform_previous_button:hover,
.pum-container .gform_wrapper input[type='button'].gform_next_button:focus,
.pum-container .gform_wrapper input[type='button'].gform_previous_button:focus,
.pum-container .gform_wrapper button.gform_next_button:focus,
.pum-container .gform_wrapper button.gform_previous_button:focus {
  background-color: var(--Primart-Blue-Hover, #004a88);
  border-color: var(--Primart-Blue-Hover, #004a88);
  color: #ffffff;
}

/* Section titles — override GF legacy 1.25em / 700 */
body .gform_legacy_markup_wrapper h2.gsection_title,
body .gform_wrapper h2.gsection_title {
  font-size: clamp(
    var(--smallestFontMin),
    2vw,
    var(--smallestFontMax)
  ) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

/* Section divider — primary blue instead of GF default #ccc */
body .gform_legacy_markup_wrapper .gsection,
body .gform_wrapper .gsection {
  border-bottom-color: var(--Primary-Blue, #005daa) !important;
}