/* Flore Lumiere: aanmeldformulier (footer). Brand: taupe, pil-knoppen, radius 20. */
.flore-signup-form { max-width: 420px; margin-top: 12px; }
.flore-signup-form__intro { font-size: 14px; margin: 0 0 10px; color: inherit; }
.flore-signup-form__row { display: flex; gap: 8px; flex-wrap: wrap; }
.flore-signup-form__input {
  flex: 1 1 200px; min-width: 0; padding: 10px 16px; border-radius: 999px;
  border: 1px solid #ab9685; background: #fff; color: #121212; font-size: 14px;
}
.flore-signup-form__submit {
  padding: 10px 20px; border-radius: 999px; border: none;
  background: linear-gradient(135deg, #ab9685, #a08b79);
  color: #fff; font-size: 14px; cursor: pointer; white-space: nowrap;
}
.flore-signup-form__submit:disabled { opacity: 0.6; cursor: default; }
.flore-signup-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.flore-signup-form__consent {
  display: flex; gap: 8px; align-items: flex-start; margin-top: 10px;
  font-size: 12px; line-height: 1.4; cursor: pointer;
}
.flore-signup-form__consent input { margin-top: 2px; }
.flore-signup-form__status { font-size: 12px; margin-top: 8px; min-height: 1em; }

/* Checkbox-fix (15-10-2026, checkout-optin taak 1b): het theme reset ALLE
   inputs (incl. checkboxes) naar een tekstveld-look (appearance:none, volle
   breedte). Dat raakte zowel de bestaande footer-aanmelding als het nieuwe
   checkout-optinvakje: zonder deze regel is het vakje onzichtbaar/onbruikbaar.
   Scope strikt tot onze eigen consent-checkboxes, geen andere inputs. */
.flore-signup-form__consent input[type=checkbox],
.fc-email-optin input[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  min-width: 16px;
  border: none;
  background: none;
  margin-top: 2px;
  box-sizing: content-box;
}
