/* JR TTV2 Form Styling v1.0.1 */

/* Form wrapper spacing (optional) */
#ttv2-form {
  max-width: 100%;
}

/* Labels */
#ttv2-form label {
  display: block;
  margin: 14px 0 8px;
  font-weight: 700;
  color: #1f1f1f;
  font-size: 16px;
}

/* Inputs + textarea */
#ttv2-form input[type="text"],
#ttv2-form input[type="email"],
#ttv2-form input[type="number"],
#ttv2-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 16px;
  border: 2px solid #e6dfd8;
  background: #FFF7F2;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 1.25;
  outline: none;
  box-shadow: none;
}

#ttv2-form textarea {
  min-height: 110px;
  resize: vertical;
}

/* Placeholder */
#ttv2-form input::placeholder,
#ttv2-form textarea::placeholder {
  color: #7a6f66;
  opacity: 1;
}

/* Focus state */
#ttv2-form input[type="text"]:focus,
#ttv2-form input[type="email"]:focus,
#ttv2-form input[type="number"]:focus,
#ttv2-form textarea:focus {
  border-color: #d46a3f;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(212,106,63,0.18);
}

/* Center the submit button */
#ttv2-form #ttv2-submit {
  display: block;
  margin: 16px auto 0;
  text-align: center;
}

/* If the button is inline or inherits weird styles, ensure it stays centered */
#ttv2-form #ttv2-submit,
#ttv2-form button#ttv2-submit {
  width: fit-content;
  min-width: 210px;
  padding: 12px 22px;
  font-size: 16px;
  border-radius: 18px;
}

@media (max-width: 520px) {
  #ttv2-form #ttv2-submit,
  #ttv2-form button#ttv2-submit {
    width: 100%;
    min-width: 0;
  }
}