/**
 * Landing Page Importer — front-end full-width layout.
 *
 * Hides the active theme's sidebar/widget areas on landing pages and expands
 * the imported content to the full viewport width. Scoped to the
 * `.lpi-landing-fullwidth` body class so it never affects the rest of the site.
 */

/* ---------- Hide common theme sidebars / widget areas ---------- */
body.lpi-landing-fullwidth #secondary,
body.lpi-landing-fullwidth aside#secondary,
body.lpi-landing-fullwidth .widget-area,
body.lpi-landing-fullwidth .sidebar,
body.lpi-landing-fullwidth #sidebar,
body.lpi-landing-fullwidth aside.sidebar,
body.lpi-landing-fullwidth .sidebar-primary,
body.lpi-landing-fullwidth .site-sidebar,
body.lpi-landing-fullwidth .col-sidebar,
body.lpi-landing-fullwidth .wp-block-sidebar,
body.lpi-landing-fullwidth .primary-sidebar,
/* Broad, theme-agnostic fallbacks (scoped to landing pages only) */
body.lpi-landing-fullwidth [class*="sidebar"],
body.lpi-landing-fullwidth [id*="sidebar"],
body.lpi-landing-fullwidth [class*="widget-area"],
body.lpi-landing-fullwidth [id*="widget-area"],
body.lpi-landing-fullwidth [class*="widget_area"],
body.lpi-landing-fullwidth [id*="widget_area"] {
	display: none !important;
}

/* Hide standalone <aside> widget columns, but never touch the imported design. */
body.lpi-landing-fullwidth > aside,
body.lpi-landing-fullwidth .site > aside,
body.lpi-landing-fullwidth #page > aside,
body.lpi-landing-fullwidth .site-content > aside,
body.lpi-landing-fullwidth #content > aside {
	display: none !important;
}

/* Hide the theme's comments / "leave a comment" area on landing pages. */
body.lpi-landing-fullwidth .comments_wrap,
body.lpi-landing-fullwidth .comments-area,
body.lpi-landing-fullwidth #comments,
body.lpi-landing-fullwidth #respond,
body.lpi-landing-fullwidth .comment-respond,
body.lpi-landing-fullwidth .comments_form_wrap,
body.lpi-landing-fullwidth #commentform {
	display: none !important;
}

/* ---------- Expand common content wrappers to full width ---------- */
body.lpi-landing-fullwidth #primary,
body.lpi-landing-fullwidth .content-area,
body.lpi-landing-fullwidth #main,
body.lpi-landing-fullwidth .site-main,
body.lpi-landing-fullwidth #content,
body.lpi-landing-fullwidth .site-content,
body.lpi-landing-fullwidth .content-wrap,
body.lpi-landing-fullwidth .main-content,
/* ThemeREX / ArtSpace theme main column */
body.lpi-landing-fullwidth .content,
body.lpi-landing-fullwidth .content_wrap {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ---------- Break the landing content out to the full viewport ---------- */
body.lpi-landing-fullwidth #lpi-landing-page-container {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
}

/* Prevent the 100vw breakout from creating a horizontal scrollbar. */
body.lpi-landing-fullwidth {
	overflow-x: hidden;
}