/* ===================================
   Trust Economy – Form Styles (TABLE FORM)
   =================================== */

/* ----- TABLE LAYOUT FIXES ----- */
.tte-form table {
  width: 65%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0 14px;   /* creates the "two spaces" vertical gap between rows */
}

@media (max-width: 768px) {
  .tte-form table {
    width: 100%;
  }
}

/* Make table cells behave predictably */
.tte-form td {
  vertical-align: middle;
}

/* ----- "LABELS" (these are TDs, not <label>) ----- */
.tte-form .tqb-label,
.tte-form .tve-form-label,
.tte-form td[class] {
  color: #ffffff !important;
  font-size: 18pt !important;
  line-height: 1.15 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  padding-right: 16px !important; /* <- "two spaces" between label and input */
  white-space: nowrap;            /* keeps “Email address” from breaking awkwardly */
}

@media (max-width: 768px) {
  .tte-form .tqb-label,
  .tte-form .tve-form-label,
  .tte-form td[class] {
    font-size: 18pt !important;
    white-space: normal;
    padding-right: 10px !important;
  }
}

/* ----- INPUTS ----- */
.tte-form input[type="text"],
.tte-form input[type="email"],
.tte-form input[type="tel"],
.tte-form input[type="url"],
.tte-form input[type="number"],
.tte-form input[type="password"],
.tte-form textarea,
.tte-form select {
  width: 100%;
  box-sizing: border-box;

  color: #000000 !important;
  background: #ffffff !important;        /* ensures it’s clean white */
  font-size: 18pt !important;
  line-height: 1.25 !important;

  border: 1px solid rgba(0,0,0,0.25) !important;
  border-radius: 10pt !important;        /* you asked rounded corners 10pt */
  padding: 10px 14px !important;
}

/* Placeholder */
.tte-form ::placeholder {
  color: rgba(0, 0, 0, 0.55) !important;
}

/* Autofill (Chrome fix) */
.tte-form input:-webkit-autofill,
.tte-form textarea:-webkit-autofill,
.tte-form select:-webkit-autofill {
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

/* ----- SUBMIT BUTTON ----- */
.tte-form input[type="submit"],
.tte-form button {
  background-color: #2b2c76 !important;
  color: #ffffff !important;              /* solid white text */
  font-size: 18pt !important;
  font-weight: 600 !important;

  padding: 14px 36px !important;
  border: none !important;
  border-radius: 10pt !important;
  cursor: pointer !important;

  /* Drop shadow: 330deg (up-left) ~ 50% black */
  box-shadow: 4px -3px 10px rgba(0, 0, 0, 0.5) !important;

  transition: transform 0.25s ease !important;
}

.tte-form input[type="submit"]:hover,
.tte-form button:hover {
  transform: translateY(-1px);
}

/* ----- MOBILE: stack nicer ----- */
@media (max-width: 768px) {
  .tte-form input[type="text"],
  .tte-form input[type="email"],
  .tte-form input[type="tel"],
  .tte-form input[type="url"],
  .tte-form input[type="number"],
  .tte-form input[type="password"],
  .tte-form textarea,
  .tte-form select {
    font-size: 18pt !important;
  }

  .tte-form input[type="submit"],
  .tte-form button {
    width: 100% !important;
    font-size: 18pt !important;
  }
}