/* ========================== */
/* Custom CSS for unique form */
/* ========================== */
/* Checkbox/Radio border color */
.ct-checkbox.ct-theme-light:not(.ct-checkbox--is-invalid),
.ct-radio.ct-theme-light:not(.ct-radio--is-invalid) {
	border-color: #334349;
}
/* Checkbox layout */
.ct-field--checkbox fieldset .ct-item-list .ct-item-list__item {
  display: flex;
}
.ct-field--checkbox fieldset .ct-item-list .ct-item-list__item input {
  max-width: 26px;
  min-width: 26px;
  margin-right: 0.25rem;
  order: 0;
  margin-top: 0;
}

/* Formatting of form labels (non-radio labels; radio question titles are set below) */
.ct-label.ct-label--regular {
  font-size: 1.2rem;
  padding-bottom: 1rem;
}

/* DSUP self-assessment - POC look, retargeted at CivicTheme webform markup. */
.webform-submission-digital-seller-underperformance-form {
  max-width: 56rem;
  margin: 0 auto;
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio {
  margin-bottom: var(--ct-spacing-300, 1.5rem);
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-field__title {
  font-family: var(--ct-typography-heading-4-font-name);
  font-size: var(--ct-typography-heading-4-font-size, 1.5rem);
  line-height: var(--ct-typography-heading-4-line-height, 1.875rem);
  font-weight: var(--ct-typography-heading-4-font-weight, 700);
  color: var(--ct-color-light-heading, #002a39);
  margin-bottom: var(--ct-spacing-200, 1rem);
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-field__description {
  color: var(--ct-color-text-light, #525252);
  margin-bottom: var(--ct-spacing-200, 1rem);
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list {
  display: flex;
  flex-direction: column;
  gap: var(--ct-spacing-100, 0.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Option row: keep normal (inline) flow so the radio atom's own spacing and
   vertical alignment apply; the label::before overlay makes the whole row click. */
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list__item {
  position: relative;
  margin: 0;
  padding: var(--ct-spacing-100, 0.5rem);
  border-radius: var(--ct-border-radius-100, 2px);
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list__item label::before {
  content: '';
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list__item:hover {
  background: var(--ct-color-neutral-100, #f4f4f4);
}
.webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list__item:focus-within {
  outline: 2px solid var(--ct-color-interactive-focus, #0052cc);
  outline-offset: 2px;
}

/* Wizard nav: advance/submit to the right. */
.webform-submission-digital-seller-underperformance-form div[id^="edit-actions"] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ct-spacing-200, 1rem);
  margin-top: var(--ct-spacing-300, 1.5rem);
}
.webform-submission-digital-seller-underperformance-form .webform-button--next,
.webform-submission-digital-seller-underperformance-form .webform-button--submit,
.webform-submission-digital-seller-underperformance-form [data-dsup-return] {
  margin-inline-start: auto;
}

@media (forced-colors: active) {
  .webform-submission-digital-seller-underperformance-form .ct-field--radio .ct-item-list__item:focus-within {
    outline-color: Highlight;
  }
}

.webform-submission-digital-seller-underperformance-form .ct-message { margin-bottom: 1rem; }
.webform-submission-digital-seller-underperformance-form .progress-tracker--center .progress-marker::after { right: 0; }
.webform-submission-digital-seller-underperformance-form .progress-tracker--center .progress-marker::before { margin-left: 0; }

/* Let long words (e.g. "underperformance") wrap instead of truncating in the tracker. */
.webform-submission-digital-seller-underperformance-form .progress-text { overflow-wrap: anywhere; text-align:left;    font-size: .8rem;
    line-height: 1.375;}


/* "Read more" via a webform `details` element, styled to the design system's
   native-<details> collapsible (ported from the UIKit chart filter summary). */
.webform-submission-digital-seller-underperformance-form details {
  margin-bottom: var(--ct-spacing-300, 1.5rem);
}
.webform-submission-digital-seller-underperformance-form details > summary {
  font-family: var(--ct-typography-label-regular-font-name);
  font-size: var(--ct-typography-label-regular-font-size, 1rem);
  font-weight: var(--ct-typography-label-regular-font-weight, 700);
  line-height: var(--ct-typography-label-regular-line-height, 1.5rem);
  display: flex;
  align-items: center;
  gap: var(--ct-spacing-100, 0.5rem);
  padding: var(--ct-spacing-200, 1rem) var(--ct-spacing-250, 1.25rem);
  cursor: pointer;
  list-style: none;
  color: var(--ct-color-light-heading, #002a39);
  background: var(--ct-color-neutral-100, #f4f4f4);
  border: 1px solid var(--ct-color-neutral-400, #c6c6c6);
  border-radius: var(--ct-border-radius-100, 2px);
}
.webform-submission-digital-seller-underperformance-form details > summary::-webkit-details-marker { display: none; }
.webform-submission-digital-seller-underperformance-form details > summary::after {
  content: '';
  flex: 0 0 auto;
  margin-inline-start: auto;
  width: 0.55rem;
  height: 0.55rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);          /* chevron down */
  transition: transform 0.2s;
}
.webform-submission-digital-seller-underperformance-form details[open] > summary::after { transform: rotate(-135deg); } /* chevron up */
.webform-submission-digital-seller-underperformance-form details[open] > summary { border-radius: var(--ct-border-radius-100, 2px) var(--ct-border-radius-100, 2px) 0 0; }
.webform-submission-digital-seller-underperformance-form details > summary:focus-visible {
  outline: 2px solid var(--ct-color-interactive-focus, #0052cc);
  outline-offset: 2px;
}
.webform-submission-digital-seller-underperformance-form details > :not(summary) {
  padding: var(--ct-spacing-200, 1rem) var(--ct-spacing-250, 1.25rem);
  border: 1px solid var(--ct-color-neutral-400, #c6c6c6);
  border-top: 0;
}