/* =========================================================
   Layout-safe SFMC CloudPages CSS
   Keeps original input/select/textarea width and height
   ========================================================= */


/* Global font only */
html,
body,
body *,
.smartcapture-content-wrapper,
.smartcapture-content-wrapper *,
.smartcapture-controls,
.smartcapture-controls *,
.sc-formfield-label,
.sc-formfield-label label,
.sc-formfield-input,
.sc-formfield-input input,
.sc-formfield-input select,
.sc-formfield-input textarea,
.smartcapture-submit-button-wrapper,
.smartcapture-submit-button-wrapper button {
  font-family: "aktiv-grotesk", sans-serif !important;
}


/* Labels: font only, do not change spacing/height/layout */
.smartcapture-content-wrapper label,
.smartcapture-controls label,
.sc-formfield-label label {
  font-family: "aktiv-grotesk", sans-serif !important;
}


/* Required asterisk */
.smartcapture-content-wrapper label span,
.sc-formfield-label label span {
  color: #ff3300 !important;
}


/* Inputs/selects/textareas:
   Do NOT force width, height, padding, margin, or line-height.
   This keeps the boxes the same size as before. */
.smartcapture-content-wrapper input,
.smartcapture-content-wrapper select,
.smartcapture-content-wrapper textarea,
.sc-formfield-input input,
.sc-formfield-input select,
.sc-formfield-input textarea {
  font-family: "aktiv-grotesk", sans-serif !important;
}


/* Optional: keep focus color without changing size */
.smartcapture-content-wrapper input:focus,
.smartcapture-content-wrapper select:focus,
.smartcapture-content-wrapper textarea:focus,
.sc-formfield-input input:focus,
.sc-formfield-input select:focus,
.sc-formfield-input textarea:focus {
  outline-color: #3197b4 !important;
}


/* Submit button styling only.
   No forced width, height, padding, or font-size. */
.smartcapture-submit-button-wrapper button,
.smartcapture-submit-button-wrapper input[type="submit"],
.smartcapture-content-wrapper button[type="submit"],
.smartcapture-content-wrapper input[type="submit"],
button.sc-button,
input.sc-button {
  background-color: #3197b4 !important;
  color: #f5f9fb !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-family: "aktiv-grotesk", sans-serif !important;
  cursor: pointer !important;
}


/* Submit button hover */
.smartcapture-submit-button-wrapper button:hover,
.smartcapture-submit-button-wrapper input[type="submit"]:hover,
.smartcapture-content-wrapper button[type="submit"]:hover,
.smartcapture-content-wrapper input[type="submit"]:hover,
button.sc-button:hover,
input.sc-button:hover {
  background-color: #003241 !important;
  color: #f5f9fb !important;
}