/* Home Improve In and Out — site fixes + form styling */

.hiio-form-wrap { max-width: 560px; margin: 0 auto; }
.hiio-form { display: flex; flex-direction: column; gap: 14px; }
.hiio-row { display: flex; flex-direction: column; gap: 6px; }
.hiio-label {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #0a2933;
  letter-spacing: .02em;
}
.hiio-req { color: #f2cd11; margin-left: 4px; }
.hiio-input {
  width: 100%;
  padding: 12px 14px;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  background: #fff;
  color: #0a2933;
  box-sizing: border-box;
  transition: border-color .15s ease;
}
.hiio-input:focus {
  outline: none;
  border-color: #2797b9;
  box-shadow: 0 0 0 3px rgba(39, 151, 185, .15);
}
.hiio-textarea { resize: vertical; min-height: 110px; font-family: inherit; }
.hiio-submit {
  background: #f2cd11;
  color: #0a2933;
  border: none;
  padding: 14px 28px;
  font-family: 'Roboto Slab', 'Roboto', serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
  transition: background .15s ease, transform .05s ease;
  align-self: flex-start;
}
.hiio-submit:hover { background: #ffdf33; }
.hiio-submit:active { transform: translateY(1px); }
.hiio-submit:disabled { opacity: .6; cursor: not-allowed; }

.form-message {
  padding: 12px 16px;
  margin-top: 12px;
  border-radius: 4px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.form-message--success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.form-message--error   { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }