/* uxadit_form.css — UX audit contact band (/ux-audit, position 8).
   Values from the spec ## Computed Styles: 1440 = base rules;
   768 → @media(max-width:991px); the 2→1 column stack at @media(max-width:767px);
   375 → @media(max-width:479px). Run breakpoint boundary set {479,767,991,1919}.
   Typography via var(--font-*) (framework-11 E1 lock; source family
   'Plus Jakarta Sans' resolves through the frozen tokens).
   All selectors scoped under the component root .c-uxadit_form__cta-wrap
   (rule 9 — shared canonical classes owned by approach/about_info/accordion/
   hubspot_form are styled only within this subtree; the atom_form_element /
   atom_button controls carry scoped, style-divergent overrides — rule 25). */

/* ---------------- Section root (source: section#contact.section_uxadit-form) - */
.c-uxadit_form__cta-wrap {
  box-sizing: border-box;
  display: block;
  color: var(--color-text-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  /* SDC-preview UA body-margin neutraliser (Drupal zeroes body margin on composed pages) */
  margin: -8px;
}
.region-content .c-uxadit_form__cta-wrap {
  margin: 0;
  width: 100%;
}

/* ---------------- background-color-secondary (visible-surface container) ------ */
.c-uxadit_form__cta-wrap .c-approach__background-color-secondary {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background-color: var(--color-bg-alt3);
}

/* ---------------- padding-global + padding-section-medium --------------------- */
.c-uxadit_form__cta-wrap .c-about_info__heading-wrap-5 {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 96px var(--space-40);
}

/* ---------------- anchor-npo (empty, non-functional; height 0) ---------------- */
.c-uxadit_form__cta-wrap .c-uxadit_form__cta {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 0;
  color: var(--color-text-dark);
}

/* ---------------- container-large (flex-centres its single card child) -------- */
.c-uxadit_form__cta-wrap .c-about_info__heading-wrap {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1280px; /* source container-large cap; no --container-max token this run */
  min-width: 0;
  margin-inline: auto;
}

/* become-partner-box (white card, box-shadow) — lifted to atom
   atom_c_hubspot_form_become_partner_box; styled in css/atoms.css (rule 25). */

/* ---------------- row._50-50 (50/50 content grid) ----------------------------- */
.c-uxadit_form__cta-wrap .c-hubspot_form__50-50 {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* source 580px 580px @1440 / 294px 294px @768 */
  justify-content: flex-start;
  align-items: start;
  gap: var(--space-40);
  width: 100%;
  min-width: 0;
}
.c-uxadit_form__cta-wrap .c-hubspot_form__50-50 > * {
  min-width: 0;
}

/* ---------------- left column: heading + body --------------------------------
   Sizes measured from the Phase-A pixel-diff target crop (the depth-cap hid the
   inner nodes so no computed style was captured; the body sentence is visibly
   ~28px, the heading is scroll-reveal-hidden in the source). */
.c-uxadit_form__cta-wrap .c-uxadit_form__text-col {
  display: block;
  min-width: 0;
}
.c-uxadit_form__cta-wrap .c-uxadit_form__heading {
  margin: 0 0 var(--space-20);
  font-family: var(--font-family-display);
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -1px;
  color: var(--color-text-primary);
}
.c-uxadit_form__cta-wrap .c-uxadit_form__body {
  margin: 0;
  font-family: var(--font-family-body);
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.5px;
  color: var(--color-text-primary);
}

/* ---------------- right column: form-mount ------------------------------------ */
.c-uxadit_form__cta-wrap .c-uxadit_form__form-col {
  display: block;
  min-width: 0;
}
.c-uxadit_form__cta-wrap .c-uxadit_form__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}

/* scoped, style-divergent overrides of the composed atom_form_element controls */
.c-uxadit_form__cta-wrap .c-atom-form-element__label {
  margin-bottom: var(--space-8);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-text-primary);
}
.c-uxadit_form__cta-wrap .c-atom-form-element__control {
  box-sizing: border-box;
  min-height: 48px;
  padding: 12px var(--space-16);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-primary);
  background-color: var(--color-bg-neutral);
  border: 1px solid var(--color-bg-alt2);
  border-radius: 4px;
}
.c-uxadit_form__cta-wrap textarea.c-atom-form-element__control {
  min-height: 80px;
  resize: vertical;
}
.c-uxadit_form__cta-wrap input[type="file"].c-atom-form-element__control {
  min-height: auto;
  padding: 0;
  background: none;
  border: none;
}

/* privacy helper text + marketing-consent row */
.c-uxadit_form__cta-wrap .c-uxadit_form__consent-note {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-text-secondary);
}
.c-uxadit_form__cta-wrap .c-uxadit_form__consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-8);
  margin: 0;
}
.c-uxadit_form__cta-wrap .c-uxadit_form__consent-input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}
.c-uxadit_form__cta-wrap .c-uxadit_form__consent-text {
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-primary);
}

/* submit button — dark filled; padding/colour only (atom_button owns the effect) */
.c-uxadit_form__cta-wrap .c-uxadit_form__submit {
  margin-top: 4px;
}
.c-uxadit_form__cta-wrap .c-uxadit_form__submit .c-atom-button {
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--color-text-inverse);
  background-color: var(--color-bg-dark);
  border-radius: 4px;
}

/* ============================ Tablet: 768 band ============================== */
@media (max-width: 991px) {
  .c-uxadit_form__cta-wrap .c-about_info__heading-wrap-5 {
    padding: var(--space-64) var(--space-40);
  }
}

/* ==================== Column stack (below the 768 capture) ================== */
@media (max-width: 767px) {
  .c-uxadit_form__cta-wrap .c-hubspot_form__50-50 {
    grid-template-columns: minmax(0, 1fr);
    gap: 60px;
  }
}

/* ============================ Mobile: 375 band ============================== */
@media (max-width: 479px) {
  .c-uxadit_form__cta-wrap .c-about_info__heading-wrap-5 {
    padding: 48px var(--space-16);
  }
  .c-uxadit_form__cta-wrap .c-uxadit_form__heading {
    font-size: 26px;
    line-height: 32px;
  }
  .c-uxadit_form__cta-wrap .c-uxadit_form__body {
    /* 21px keeps the sentence to the source's 2 lines (24px wrapped to 3,
       pushing the stacked form down and ghosting every field in the diff). */
    font-size: 21px;
    line-height: 28px;
  }
}

/* F14-VP page-scoped layout patches — iteration 2 (generated; safe to regenerate) */
@media (min-width: 992px) {
  .page--leaf [data-component="uxadit_form"] {
    height: 924px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap {
    height: 732px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-5.c-accordion__heading-wrap-2 {
    height: 924px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-7.c-hubspot_form__50-50 {
    height: 652px;
  }
  .page--leaf [data-component="uxadit_form"] .c-approach__background-color-secondary {
    height: 924px;
  }
  .page--leaf [data-component="uxadit_form"] .c-hubspot_form__become-partner-box {
    height: 732px;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .page--leaf [data-component="uxadit_form"] {
    height: 858px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap {
    height: 730px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-5.c-accordion__heading-wrap-2 {
    height: 858px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-7.c-hubspot_form__50-50 {
    height: 670px;
  }
  .page--leaf [data-component="uxadit_form"] .c-approach__background-color-secondary {
    height: 858px;
  }
  .page--leaf [data-component="uxadit_form"] .c-hubspot_form__become-partner-box {
    height: 730px;
  }
}
@media (max-width: 479px) {
  .page--leaf [data-component="uxadit_form"] {
    height: 1005px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap {
    height: 909px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-5.c-accordion__heading-wrap-2 {
    height: 1005px;
  }
  .page--leaf [data-component="uxadit_form"] .c-about_info__heading-wrap-7.c-hubspot_form__50-50 {
    flex-direction: column;
    height: 877px;
  }
  .page--leaf [data-component="uxadit_form"] .c-approach__background-color-secondary {
    height: 1005px;
  }
  .page--leaf [data-component="uxadit_form"] .c-hubspot_form__become-partner-box {
    height: 909px;
  }
}
/* end F14-VP patches */