/* contact page specific overrides */
/* Make the contact form full width instead of two-column layout */

/* Override two-column layout to be single column full width */
._2columns-row01.v1 {
  display: block;
  width: 100%;
}

/* Stack the columns vertically with proper spacing */
._2columns-row01.v1 > .column {
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}

/* Center the form column content */
._2columns-row01.v1 > .column:first-child {
  margin: 0 auto 40px;
}

/* Make the form box fill available width with reasonable max for readability */
.contact-form {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

/* Ensure inputs fill the full width */
.contact-form .w-input,
.contact-form textarea {
  width: 100%;
}

/* Center the contact info section */
._2columns-row01.v1 > .column:last-child {
  max-width: 800px;
  margin: 0 auto;
}

/* Improve button/input tap targets on smaller screens */
@media (max-width: 479px) {
  .contact-form .w-input,
  .contact-form textarea,
  .contact-form .w-button {
    font-size: 16px;
  }
}