/*
 * Gravity Forms: second-line CSS overrides.
 * First add defaults into gform_default_styles filter in functions.php;
 * only put values here that the Orbital settings cannot express.
 * See docs/architecture/plugins.md.
 */

/* Form layout */
.gform-theme--api, .gform-theme--foundation {
  --gf-form-gap-y: 24px;
}

/* Base Gravity var overrides */
.gform-theme--api, .gform-theme--framework {
  --gf-ctrl-placeholder-color: var(--gf-ctrl-desc-color);
  --gf-ctrl-outline-color-focus: var(--theme-focus-outline-color);
  --gf-ctrl-btn-radius: 1.6rem;
  --gf-ctrl-btn-font-size: 1.125rem;

  /* input text */
  --gf-ctrl-font-size: 1.125rem;
}

/* Complex fields (e.g. Name, Address): box grouping the sub-inputs */
fieldset > .ginput_complex {
  border: 1px solid var(--theme-border-color-alt);
  padding: 16px 14px 20px;
}

fieldset > .ginput_complex .gform-field-label--type-sub {
  --gf-local-color: var(--gf-ctrl-label-color-primary);
}

/* Descriptions (help text) */
.gform-theme--framework .gfield_description:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-font-style: italic;
}

/* Background form wrapper */
.gform_wrapper:has(.box-form) {
  background-color: #f7f7f7;
  border-radius: 18px;
  padding: 40px;
  max-width: 1100px;
}

.box-form_wrapper .gform_heading h2 {
  margin-top: 0;
}

.box-form_wrapper fieldset > .ginput_complex {
  border: 2px solid #fff;
  padding: 16px 14px 20px;
}

/* fix empty description margin */
p.gform_description:empty {margin:0;}

.gform_required_legend {
  font-style: italic;
  color: #767676;
  font-size: 1rem;
}