/**
 * @file
 * Neutralises the Webform defaults that fight the primitives. Nothing here
 * styles a component of its own.
 */

/* The form column, with space between the questions. */
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  inline-size: 100%;
  max-inline-size: var(--form-column);
  margin-inline: auto;
}

/* The careers wizard lays out its own columns (stepper.css). */
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form.careers-wizard-form,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form.careers-wizard-form {
  max-inline-size: none;
}

:where(.gdrfad-dds) .gdrfad-front .webform-submission-form .form-item,
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form .form-wrapper,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form .form-item,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form .form-wrapper {
  margin-block: 0;
}

/* Option columns become the choice-card grid. */
:where(.gdrfad-dds) .dds-choices.webform-options-display-one-column,
:where(.gdrfad-dds) .dds-choices.webform-options-display-two-columns,
:where(.gdrfad-dds) .dds-choices.webform-options-display-three-columns,
:where(.gdrfad-dds) .dds-choices.webform-options-display-side-by-side,
.gdrfad-dds-embedded .dds-choices.webform-options-display-one-column,
.gdrfad-dds-embedded .dds-choices.webform-options-display-two-columns,
.gdrfad-dds-embedded .dds-choices.webform-options-display-three-columns,
.gdrfad-dds-embedded .dds-choices.webform-options-display-side-by-side {
  display: grid;
  max-inline-size: none;
  margin-block-start: 0;
  column-count: auto;
}

:where(.gdrfad-dds) .dds-choices.webform-options-display-side-by-side > div,
.gdrfad-dds-embedded .dds-choices.webform-options-display-side-by-side > div {
  display: grid;
  margin-inline-end: 0;
}

/* Descriptions sit in the field's own gap. */
:where(.gdrfad-dds) .gdrfad-front .webform-element-description,
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form .description,
.gdrfad-dds-embedded .gdrfad-front .webform-element-description,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form .description {
  margin: 0;
}

/* Webform's hidden progress-link buttons stay hidden whatever a later
 * .form-actions rule says. */
:where(.gdrfad-dds) .webform-wizard-pages-links,
.gdrfad-dds-embedded .webform-wizard-pages-links {
  display: none;
}

/* Webform's intro / markup blocks read as page text. */
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form .form-type-processed-text,
:where(.gdrfad-dds) .gdrfad-front .webform-submission-form .webform-element--title-display-none,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form .form-type-processed-text,
.gdrfad-dds-embedded .gdrfad-front .webform-submission-form .webform-element--title-display-none {
  color: var(--surface-on-surface);
}