/* Lawton Coin V13 - Combined Mobile Form + Blank Box Fix */

.request-form,
.contact-form,
form[action="request-form.php"] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.request-form *,
.contact-form *,
form[action="request-form.php"] * {
  box-sizing: border-box !important;
}

/* Remove old blank honeypot field that was showing above First Name */
input[name="website"],
label[for="website"],
.website-field,
.honeypot,
.form-honeypot,
.hidden-field,
.spam-check {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -99999px !important;
  pointer-events: none !important;
}

.request-form div:has(input[name="website"]),
.contact-form div:has(input[name="website"]),
form[action="request-form.php"] div:has(input[name="website"]),
.request-form p:has(input[name="website"]),
.contact-form p:has(input[name="website"]),
form[action="request-form.php"] p:has(input[name="website"]),
.request-form label:has(input[name="website"]),
.contact-form label:has(input[name="website"]),
form[action="request-form.php"] label:has(input[name="website"]) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Normal input sizing */
.request-form input,
.request-form textarea,
.request-form select,
.contact-form input,
.contact-form textarea,
.contact-form select,
form[action="request-form.php"] input,
form[action="request-form.php"] textarea,
form[action="request-form.php"] select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Do not stretch checkboxes */
.request-form input[type="checkbox"],
.request-form input[type="radio"],
.contact-form input[type="checkbox"],
.contact-form input[type="radio"],
form[action="request-form.php"] input[type="checkbox"],
form[action="request-form.php"] input[type="radio"] {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* Two-column form rows on desktop */
.request-form .form-row,
.contact-form .form-row,
form[action="request-form.php"] .form-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}

.request-form .form-group,
.contact-form .form-group,
form[action="request-form.php"] .form-group {
  min-width: 0 !important;
  width: 100% !important;
}

.request-form label,
.contact-form label,
form[action="request-form.php"] label {
  display: block;
  line-height: 1.35;
}

/* Checkbox options */
.request-form .checkbox-group,
.contact-form .checkbox-group,
form[action="request-form.php"] .checkbox-group,
.request-form .interest-options,
.contact-form .interest-options,
form[action="request-form.php"] .interest-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.request-form .checkbox-option,
.contact-form .checkbox-option,
form[action="request-form.php"] .checkbox-option,
.request-form .check-option,
.contact-form .check-option,
form[action="request-form.php"] .check-option,
.request-form label:has(input[type="checkbox"]),
.contact-form label:has(input[type="checkbox"]),
form[action="request-form.php"] label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(212, 175, 55, .35) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.035) !important;
  cursor: pointer !important;
}

.request-form textarea,
.contact-form textarea,
form[action="request-form.php"] textarea {
  min-height: 130px !important;
  resize: vertical !important;
}

/* Phone layout */
@media (max-width: 760px) {
  .request-section,
  .contact-section,
  .form-section,
  .featured-request,
  .homepage-request,
  .contact-request,
  .request-card,
  .form-card {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .request-form,
  .contact-form,
  form[action="request-form.php"] {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .request-form .form-row,
  .contact-form .form-row,
  form[action="request-form.php"] .form-row {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .request-form input,
  .request-form textarea,
  .request-form select,
  .contact-form input,
  .contact-form textarea,
  .contact-form select,
  form[action="request-form.php"] input,
  form[action="request-form.php"] textarea,
  form[action="request-form.php"] select {
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 13px 14px !important;
  }

  .request-form .checkbox-group,
  .contact-form .checkbox-group,
  form[action="request-form.php"] .checkbox-group,
  .request-form .interest-options,
  .contact-form .interest-options,
  form[action="request-form.php"] .interest-options {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .request-form .checkbox-option,
  .contact-form .checkbox-option,
  form[action="request-form.php"] .checkbox-option,
  .request-form .check-option,
  .contact-form .check-option,
  form[action="request-form.php"] .check-option,
  .request-form label:has(input[type="checkbox"]),
  .contact-form label:has(input[type="checkbox"]),
  form[action="request-form.php"] label:has(input[type="checkbox"]) {
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 13px !important;
    border-radius: 12px !important;
    justify-content: flex-start !important;
  }

  .request-form input[type="checkbox"],
  .contact-form input[type="checkbox"],
  form[action="request-form.php"] input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
  }

  .request-form textarea,
  .contact-form textarea,
  form[action="request-form.php"] textarea {
    min-height: 150px !important;
  }

  .request-form button[type="submit"],
  .contact-form button[type="submit"],
  form[action="request-form.php"] button[type="submit"],
  .request-form .submit-btn,
  .contact-form .submit-btn,
  form[action="request-form.php"] .submit-btn {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    min-height: 50px !important;
    padding: 14px 18px !important;
    margin-top: 10px !important;
    white-space: normal !important;
  }
}

@media (max-width: 420px) {
  .request-form,
  .contact-form,
  form[action="request-form.php"] {
    padding: 15px !important;
  }

  .request-form input,
  .request-form textarea,
  .contact-form input,
  .contact-form textarea,
  form[action="request-form.php"] input,
  form[action="request-form.php"] textarea {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}