/**
 * Theme CSS overrides
 *
 * Custom styles that override or extend the styleguide.
 */

/**
 * WPForms: Fix form container width shrinking in CSS Grid.
 *
 * The grid uses minmax(0, 74px) columns which allows shrinking.
 * Without this fix, multi-page forms shrink on pages with narrower fields.
 */
.tl-article .wpforms-container {
  justify-self: stretch;
  min-width: 100%;
}

/**
 * WPForms: Fix name field first/last layout inside layout columns.
 *
 * WPForms Pro sets flex-direction: column on .wpforms-field-row inside layout
 * columns (wpforms-full.min.css), forces width: 100% on .wpforms-one-half
 * (layout.min.css), and resets padding to 0 on .wpforms-field-row-block.
 * This causes first/last name inputs to stack vertically without gaps.
 * These overrides restore the side-by-side layout with proper spacing.
 */
.wpforms-container .wpforms-field-layout .wpforms-layout-column .wpforms-field-name .wpforms-field-row {
  flex-direction: row;
}

.wpforms-container .wpforms-field-layout .wpforms-layout-column .wpforms-field-name .wpforms-field-row .wpforms-field-row-block.wpforms-first {
  padding: 0 10px 0 0;
}

.wpforms-container .wpforms-field-layout .wpforms-layout-column .wpforms-field-name .wpforms-field-row .wpforms-field-row-block:not(.wpforms-first) {
  padding: 0 0 0 10px;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column .wpforms-field-name .wpforms-field-row .wpforms-one-half {
  width: 50%;
}