/* Replacements for behaviour that the GoDaddy builder JS used to provide.
   Everything else still comes from the inline <style> blocks in index.html. */

/* Float labels: the builder moved these with JS. Pure CSS now — the inputs
   carry placeholder=" " so :placeholder-shown tracks emptiness. */
.x input[data-ux="InputFloatLabel"]:focus + label[data-ux="InputFloatLabelLabel"],
.x input[data-ux="InputFloatLabel"]:not(:placeholder-shown) + label[data-ux="InputFloatLabelLabel"] {
  top: 6px;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.x input[data-ux="InputFloatLabel"] {
  padding-top: 20px;
  padding-bottom: 6px;
}

.x input[data-ux="InputFloatLabel"]:focus,
.x textarea[data-ux="InputTextArea"]:focus {
  outline: 2px solid rgba(0, 0, 0, 0.35);
  outline-offset: -2px;
}

/* Submit feedback, injected by assets/js/site.js */
.form-status {
  margin: 12px 0 0;
  font-family: "Source Sans Pro", arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}
.form-status[data-state="error"] { color: #b00020; }
.form-status[data-state="ok"]    { color: #1b6e2e; }
.form-status:empty { display: none; }