/*
  JR WPForms Contact Name Align
  - Ensures First/Last inputs are equal width and aligned
  - Ensures sublabels (First/Last) are left-aligned

  NOTE: Scoped to WPForms form #67 by default (based on your HTML: wpforms-67-field_2).
  If your Contact form ID changes, update #wpforms-form-67 below.
*/

/* Desktop + Mobile */
#wpforms-form-67 .wpforms-field-name .wpforms-field-row{
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-start;
}

#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* WPForms sometimes adds left spacing to the second half */
#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block.wpforms-one-half,
#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block.wpforms-last{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block input{
  width: 100% !important;
  box-sizing: border-box;
  text-align: left;
}

#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block .wpforms-field-sublabel,
#wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block label.wpforms-field-sublabel{
  text-align: left !important;
  width: 100% !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Small screens: stack neatly, perfectly aligned */
@media (max-width: 600px){
  #wpforms-form-67 .wpforms-field-name .wpforms-field-row{
    display: block !important;
  }

  #wpforms-form-67 .wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
  }
}