/* General styles for the form */
form.webform-submission-form {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  gap: 1rem; /* Add spacing between fields */
  padding: 0; /* Keep the form padding as specified */
}

/* Ensure consistent styling for form items */
form.webform-submission-form .form-item {
  flex: 1 1 100%; /* Default to full width */
}

/* Adjust the layout for larger screens */
@media (min-width: 768px) {
  form.webform-submission-form {
    flex-direction: row; /* Arrange items in a row */
    align-items: center; /* Align items vertically */
  }

  /* Fields and submit button should share space proportionally */
  form.webform-submission-form .form-item {
    flex: 1 1;
  }
}