/**
 * Mobile layout fix for the Contact Us page (post 444). The inner
 * Elementor sections wrapping the contact form (and its 50/50 info/form
 * split above it) size themselves via `flex-basis: var(--flex-basis)`
 * (elementor/assets/css/frontend.min.css), but this page never got an
 * explicit --flex-basis value set for the mobile breakpoint -- so the
 * custom property is undefined, the declaration falls back to flex-basis:
 * auto, and with flex-grow:0 each column/container shrinks to its content
 * width instead of filling the row. This isn't one collapsed element --
 * it's the whole nested chain (container > column > widget-wrap > widget
 * container > CF7's own wrapper divs), each independently narrowed, which
 * is why the contact form was rendering at a fraction of the screen width
 * with everything inside (the SMS consent text in particular) wrapped
 * into a cramped column. Forcing width:100% at every level in that chain
 * sidesteps the undefined custom property everywhere it matters -- and is
 * the actually-correct mobile behavior anyway, since the 50/50 desktop
 * split should stack to full-width, single-column on mobile regardless.
 * Same root cause already documented elsewhere on this site (see
 * platinum-tenant-screening.css) as a recurring gap in this Elementor
 * install's responsive defaults.
 */
@media (max-width: 767px) {
	.elementor-444 .elementor-container,
	.elementor-444 .elementor-column,
	.elementor-444 .elementor-widget-wrap,
	.elementor-444 .elementor-inner-section,
	.elementor-444 .elementor-widget-container,
	.elementor-444 .jeg-elementor-kit,
	.elementor-444 .wpcf7,
	.elementor-444 .wpcf7-form {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
	}

	/* The flex-basis fix above recovers the structural collapse, but the
	   chain still carries several DESKTOP horizontal-padding values
	   un-shrunk for mobile at different nesting levels (same missing-
	   responsive-value gap, just on padding instead of width/flex-basis)
	   -- each one eating further into the 390px screen before any content
	   renders. Rather than chase every individual value, zero the
	   horizontal padding at every intermediate level between the top-
	   level column and the form, then add back one single, controlled
	   inset at the form wrapper itself. */
	.elementor-444 .elementor-col-50,
	.elementor-444 .elementor-container,
	.elementor-444 .elementor-column,
	.elementor-444 .elementor-widget-wrap,
	.elementor-444 .elementor-inner-section,
	.elementor-444 .elementor-widget-container,
	.elementor-444 .jeg-elementor-kit {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.elementor-444 .wpcf7 {
		padding: 16px !important;
	}
}