/* ---------- General form fixes for greyBackgroundForm ---------- */
.greyBackgroundForm.thankyou {
  display: flex;
  flex-direction: column; /* make all controls stack vertically */
  align-items: center;    /* center all child controls */
}

/* ---------- Bedrooms radio group ---------- */
/* Bedrooms radio buttons in a single line and centered */
.greyBackgroundForm.thankyou .prof-form__bed table {
  display: flex !important;       /* use flex instead of table layout */
  flex-wrap: nowrap !important;   /* prevent wrapping to next line */
  justify-content: center !important; /* center horizontally */
  margin: 0 auto !important;
}

.greyBackgroundForm.thankyou .prof-form__bed td {
  white-space: nowrap;            /* keep label and input together */
  /*padding: 0 0.5rem;              /* small spacing between items */
  text-align: center;
}

.greyBackgroundForm.thankyou .prof-form__bed label {
  display: inline-block;
  margin: 0;
}

/* ---------- Bathrooms radio group ---------- */
.greyBackgroundForm.thankyou .prof-form__bath table {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
.greyBackgroundForm.thankyou .prof-form__bath td {
  white-space: nowrap;
  /* padding: 0 0.5rem; */
  text-align: center;
}
.greyBackgroundForm.thankyou .prof-form__bath label {
  display: inline-block;
  margin: 0;
}

/* ---------- Carparks radio group ---------- */
.greyBackgroundForm.thankyou .prof-form__carpark table {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
.greyBackgroundForm.thankyou .prof-form__carpark td {
  white-space: nowrap;
  padding: 0 0.5rem;
  text-align: center;
}
.greyBackgroundForm.thankyou .prof-form__carpark label {
  display: inline-block;
  margin: 0;
}

/* ---------- Household cycle radio group (single line, centered) ---------- */
.greyBackgroundForm.thankyou .prof-form__cycle table {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
.greyBackgroundForm.thankyou .prof-form__cycle td {
  white-space: nowrap;
  /* padding: 0 0.5rem; */
  text-align: center;
}
.greyBackgroundForm.thankyou .prof-form__cycle label {
  display: inline-block;
  margin: 0;
}

@media (min-width: 769px) {
  .form-assembly-wrapper .progressive-profiling  form > div:nth-of-type(3),
  .form-assembly-wrapper .progressive-profiling  form > div:nth-of-type(4),
  .form-assembly-wrapper .progressive-profiling  form > div:nth-of-type(6),
  .form-assembly-wrapper .progressive-profiling  form > div:nth-of-type(7) {
    width: calc(100% - 15px);
    display: inline-block;
  }
}



 /* Force left alignment and remove unwanted padding */
.privacy-statement-wrapper {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important; /* optional, just in case */
}

/* Ensure the link title and hidden text block are left-aligned and flush */
.privacy-statement-wrapper .privacy-statement-link,
.privacy-statement-wrapper .privacy-statement {
  text-align: left !important;
  display: block;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Optional: better spacing for readability */
.privacy-statement-wrapper .privacy-statement-link {
  margin-bottom: 10px;
}

.privacy-statement-wrapper .privacy-statement p {
  margin: 0;
  line-height: 1.6;
}



/* =====================================================
   MOBILE – PROGRESSIVE PROFILING BOX FIX (FINAL)
   ===================================================== */

@media (max-width: 767px) {

  /* -------------------------------------------------
     1. STACK OPTIONS + ADD GAP BETWEEN BOXES
     ------------------------------------------------- */
  main .progressive-profiling_1 td,
  main .progressive-profiling_2 td {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;   /* GAP BETWEEN BOXES */
    box-sizing: border-box !important;
  }

  /* -------------------------------------------------
     2. BOX (LABEL) – SINGLE SOURCE OF TRUTH
     ------------------------------------------------- */
  main .progressive-profiling .control-label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background-repeat: no-repeat !important;
    background-position: center 20px !important;
    background-size: 42px !important;
  }

  /* -------------------------------------------------
     3. ICONS (APPLY TO LABEL — NOT TD)
     ------------------------------------------------- */

  /* Owner Occupier */
  main .progressive-profiling_1 td:first-child .control-label {
    /* background-image: var(--profKeychain); */
  }

  /* Investor */
  main .progressive-profiling_1 td:last-child .control-label {
    background-image: var(--profMoneybag);
  }

  /* -------------------------------------------------
     4. OPTIONAL: REMOVE GAP AFTER LAST ITEM
     ------------------------------------------------- */
  main .progressive-profiling table td:last-child {
    margin-bottom: 0 !important;
  }

}

main .progressive-profiling_1.prof-form__purchase td:last-child,
main .progressive-profiling_1.prof-form__cycle td:last-child,
main .progressive-profiling_1.prof-form__car td:first-child,
main .progressive-profiling_1.prof-form__cycle td:first-child,
main .progressive-profiling_1.prof-form__purchase td:first-child {
  background-image: unset !important
}







/* text area*/
/* .input-wrapper--text-area {
  display: block;
  width: 100%;
}

.input-wrapper--text-area label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}

.input-wrapper--text-area textarea.form-control {
  display: block;
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  resize: vertical;
  background-color: #fff;
}

.input-wrapper--text-area textarea.form-control:focus {
  border-color: #0078d4;
  outline: none;
} */