/* Listing pages rendered via Toolset Views (single-listing.php).
   Render at full theme width (1140px), sans serif body font. */

.site-main--listing {
	max-width: 1140px;
	margin-inline: auto;
	padding-inline: var(--space-sm);
}

.site-main--listing .entry-content {
	font-family: var(--font-sans);
}

/* Fix defect 903: Elementor container overflow on mobile (375px).
   Root cause: The direct child .e-con-boxed inside .elementor container
   has margin-left/right 32px set by Elementor's default mobile spacing.
   This pushes the 375px-wide container to left 32px, making right edge 407px.
   
   Fix: On mobile only, zero the margins on top-level .e-con-boxed containers
   to keep them at left 0. Use .elementor class to scope to Elementor-rendered pages.
*/
@media (max-width: 768px) {
	.elementor > .e-con-boxed {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Fix defects 904-905: Single listing page has spacing collapsed (0px margins).
   On live (hello-elementor), paragraphs and headings have margins that create
   visual breathing room. Our theme resets all margins to 0.
   
   Restore spacing for Toolset View single listing page:
   - Paragraphs: var(--space-sm) margin-bottom (1rem, matching hello-elementor defaults)
   - Headings: similar margins for separation
   - This affects only .site-main--listing content, not other pages
*/
.site-main--listing p,
.site-main--listing li {
	margin-bottom: var(--space-sm);
}

.site-main--listing h2,
.site-main--listing h3,
.site-main--listing h4,
.site-main--listing h5,
.site-main--listing h6 {
	margin-top: var(--space-md);
	margin-bottom: var(--space-xs);
}

/* On live the listing is wrapped by an Elementor template that also prints the
   Toolset content template "ls-listing-content-template"; these are its only
   two rules, which the single-listing template has to carry itself. */
.site-main--listing .spacer {
	margin-block: 12px;
}

.site-main--listing div#respond {
	display: none;
}

/* The View used to sit in a 1140px Elementor column. Keep its own content
   at that width when the pagegen section provides the wider Sigma band. */
#listings .heading-text,
#listings .sigma-listings-view {
	max-width: 1140px;
	margin-inline: auto;
}

#listings .sigma-listings-view {
	font-family: var(--font-sans);
	font-size: var(--text-form-control-min);
	line-height: 1.4;
}

#listings .sigma-listings-view input,
#listings .sigma-listings-view select,
#listings .sigma-listings-view button {
	font-family: var(--font-sans);
}