/* Overrides inline style on the <table> */
.sales-form__fam.radio table.sales-form__fam,
.prof-form__car.radio table.prof-form__car,
.sales-form__bath.radio table.sales-form__bath,
.sales-form__bed.radio table.sales-form__bed,
.sales-form__buy.radio table.sales-form__buy,
.progressive-profiling_1.radio table.progressive-profiling_1 {
    display: flex !important;
    justify-content: center !important;
}

.greyBackgroundForm.thankyou .input-wrapper--select {
    width: 100%
}

/* =========================================================
   FINAL FIX — Floating label for ss-select
   Driven ONLY by placeholder content
   ========================================================= */

main .input-wrapper.input-wrapper--select {
  position: relative !important;
}

/* Base label reset (beats existing global rules) */
main .input-wrapper.input-wrapper--select > label:not(.how-did-you-lbl) {
  position: absolute !important;
  left: 16px !important;
  z-index: 10 !important;
  pointer-events: none !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  transform: none !important;
  transition: top 0.2s ease, font-size 0.2s ease !important;
}

/* =========================
   EMPTY STATE
   placeholder is empty
   ========================= */
main .input-wrapper.input-wrapper--select
.ss-single-selected .placeholder:empty
~ .ss-arrow,
main .input-wrapper.input-wrapper--select
.ss-single-selected .placeholder:empty {
}

/* Center label when placeholder is empty */
main .input-wrapper.input-wrapper--select
.ss-single-selected:has(.placeholder:empty)
~ label,
main .input-wrapper.input-wrapper--select:has(.placeholder:empty) > label:not(.how-did-you-lbl) {
  top: 30px !important;          /* your working center value */
  font-size: 16px !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Keep value vertically centered when empty */
main .input-wrapper.input-wrapper--select
.ss-single-selected:has(.placeholder:empty) {
  
  display: flex !important;
  align-items: center !important;
}

/* =========================
   HAS VALUE
   placeholder has text
   ========================= */
main form.thankyou .input-wrapper.input-wrapper--select:has(.placeholder:not(:empty)) > label {
  top: 6px !important;
  font-size: 12px !important;
  background-color: #f1ede4 !important;
  padding: 0 4px !important;
}

main form:not(.thankyou) .input-wrapper.input-wrapper--select:has(.placeholder:not(:empty)) > label {
    /* top: 6px !important; */
    font-size: 12px !important;
    /* background-color: #f1ede4 !important; */
    padding: 0 4px !important;
}

/* Space for value when selected */
main form.thankyou .input-wrapper.input-wrapper--select:has(.placeholder:not(:empty))
.ss-single-selected {
  padding-top: 26px !important;
  padding-bottom: 10px !important;
  font-size: 16px !important;
}

/* =========================
   Background cleanup
   ========================= */
main .input-wrapper.input-wrapper--select .ss-main,
main .input-wrapper.input-wrapper--select .ss-single-selected {
  background-color: transparent !important;
}


/* Center mega menu items */
.nav-row .megamenu__list > .megamenu__item {
  text-align: center !important;
}