/**
 * Landing page only: remove theme black bars / gaps around [esl_game_show_landing].
 * Scoped via body.esl-gamzam-landing-page (see esl-game-show.php).
 */

/* Match viewport background to landing tissue so no black shows through gaps */
html:has(body.esl-gamzam-landing-page),
body.esl-gamzam-landing-page {
	background-color: #f7f0ff !important;
}

/* Plugin marketing pages: same tissue tint as landing (denim layer is in marketing-page.css). */
html:has(body.esl-gamzam-marketing-page),
body.esl-gamzam-marketing-page {
	background-color: #f7f0ff !important;
}

/*
 * Theme wrappers around the shortcode: use landing tissue, not transparent.
 * Transparent exposed dark “boxed” outer backgrounds from Astra/Elementor.
 */
body.esl-gamzam-landing-page #page,
body.esl-gamzam-landing-page .site,
body.esl-gamzam-landing-page #content,
body.esl-gamzam-landing-page .site-content,
body.esl-gamzam-landing-page .content-area,
body.esl-gamzam-landing-page article,
body.esl-gamzam-marketing-page #page,
body.esl-gamzam-marketing-page .site,
body.esl-gamzam-marketing-page #content,
body.esl-gamzam-marketing-page .site-content,
body.esl-gamzam-marketing-page .content-area,
body.esl-gamzam-marketing-page article,
body.esl-gamzam-landing-page #primary,
body.esl-gamzam-landing-page .site-main,
body.esl-gamzam-landing-page main,
body.esl-gamzam-landing-page .ast-container,
body.esl-gamzam-landing-page .ast-separate-container .ast-article-inner,
body.esl-gamzam-landing-page .ast-separate-container .ast-article-single,
body.esl-gamzam-landing-page .entry-content,
body.esl-gamzam-marketing-page #primary,
body.esl-gamzam-marketing-page .site-main,
body.esl-gamzam-marketing-page main,
body.esl-gamzam-marketing-page .ast-container,
body.esl-gamzam-marketing-page .ast-separate-container .ast-article-inner,
body.esl-gamzam-marketing-page .ast-separate-container .ast-article-single,
body.esl-gamzam-marketing-page .entry-content,
body.esl-gamzam-landing-page .elementor-location-single > .elementor-section,
body.esl-gamzam-landing-page .site-content .elementor-top-section,
body.esl-gamzam-landing-page .site-content > .elementor-section,
body.esl-gamzam-landing-page .elementor-section-wrap > .elementor-section,
body.esl-gamzam-marketing-page .elementor-location-single > .elementor-section,
body.esl-gamzam-marketing-page .site-content .elementor-top-section,
body.esl-gamzam-marketing-page .site-content > .elementor-section,
body.esl-gamzam-marketing-page .elementor-section-wrap > .elementor-section,
body.esl-gamzam-landing-page .elementor-widget-wrap:has(#esl-gamzam-landing),
body.esl-gamzam-marketing-page .elementor-widget-wrap:has(#esl-gamzam-landing),
body.esl-gamzam-landing-page .elementor-element:has(#esl-gamzam-landing),
body.esl-gamzam-marketing-page .elementor-element:has(#esl-gamzam-landing),
body.esl-gamzam-landing-page .e-con:has(#esl-gamzam-landing),
body.esl-gamzam-marketing-page .e-con:has(#esl-gamzam-landing) {
	background-color: #f7f0ff !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Optional thin strips some themes add above header */
body.esl-gamzam-landing-page .announcement-bar,
body.esl-gamzam-landing-page .top-bar:not(#esl-gamzam-landing .top-bar),
body.esl-gamzam-landing-page .header-top,
body.esl-gamzam-landing-page .pre-header {
	background-color: #f7f0ff !important;
	border-bottom: none !important;
}

body.esl-gamzam-marketing-page .announcement-bar,
body.esl-gamzam-marketing-page .top-bar:not(#esl-gamzam-landing .top-bar),
body.esl-gamzam-marketing-page .header-top,
body.esl-gamzam-marketing-page .pre-header {
	background-color: #f7f0ff !important;
	border-bottom: none !important;
}

/*
 * Hide theme footers / sockets — landing supplies its own (#esl-gamzam-landing footer.esl-gamzam-landing-footer).
 */
body.esl-gamzam-landing-page footer:not(.esl-gamzam-landing-footer) {
	display: none !important;
}

body.esl-gamzam-marketing-page footer:not(.esl-gamzam-landing-footer) {
	display: none !important;
}

body.esl-gamzam-landing-page #colophon,
body.esl-gamzam-landing-page .site-footer,
body.esl-gamzam-landing-page #footer,
body.esl-gamzam-landing-page .elementor-location-footer,
body.esl-gamzam-landing-page .elementor-location-header + .elementor-location-footer,
body.esl-gamzam-landing-page .footer-bottom,
body.esl-gamzam-landing-page .footer-socket,
body.esl-gamzam-landing-page .site-footer-focus-item,
body.esl-gamzam-landing-page .ast-footer-overlay,
body.esl-gamzam-landing-page .ast-small-footer,
body.esl-gamzam-landing-page .footer-bar,
body.esl-gamzam-landing-page #footer-bar,
body.esl-gamzam-marketing-page #colophon,
body.esl-gamzam-marketing-page .site-footer,
body.esl-gamzam-marketing-page #footer,
body.esl-gamzam-marketing-page .elementor-location-footer,
body.esl-gamzam-marketing-page .elementor-location-header + .elementor-location-footer,
body.esl-gamzam-marketing-page .footer-bottom,
body.esl-gamzam-marketing-page .footer-socket,
body.esl-gamzam-marketing-page .site-footer-focus-item,
body.esl-gamzam-marketing-page .ast-footer-overlay,
body.esl-gamzam-marketing-page .ast-small-footer,
body.esl-gamzam-marketing-page .footer-bar,
body.esl-gamzam-marketing-page #footer-bar {
	display: none !important;
}

/*
 * Black line between theme header (nav + social bar) and hero — usually border,
 * box-shadow, or a thin strip element. Remove globally for landing pages.
 */
body.esl-gamzam-landing-page .site-header,
body.esl-gamzam-landing-page #masthead,
body.esl-gamzam-landing-page .site-header-wrap,
body.esl-gamzam-landing-page .ast-primary-header-bar,
body.esl-gamzam-landing-page .main-header-bar,
body.esl-gamzam-landing-page .elementor-location-header,
body.esl-gamzam-landing-page header.site-header,
body.esl-gamzam-landing-page .sticky-header,
body.esl-gamzam-landing-page .header-main,
body.esl-gamzam-landing-page .header-bottom,
body.esl-gamzam-landing-page .below-header-bar,
body.esl-gamzam-landing-page .ast-below-header-wrap,
body.esl-gamzam-landing-page .ast-above-header-wrap,
body.esl-gamzam-landing-page .header-social,
body.esl-gamzam-landing-page .social-bar,
body.esl-gamzam-landing-page .site-header-secondary,
body.esl-gamzam-landing-page .secondary-header,
body.esl-gamzam-landing-page .header-widget-area {
	border-bottom: none !important;
	box-shadow: none !important;
}

/* Elementor / theme wrappers that sit between header and main content */
body.esl-gamzam-landing-page .elementor-location-header + *,
body.esl-gamzam-landing-page #masthead + * {
	border-top: none !important;
	box-shadow: none !important;
}

body.esl-gamzam-landing-page .site-header + hr,
body.esl-gamzam-landing-page #masthead + hr,
body.esl-gamzam-landing-page .header-separator {
	display: none !important;
	border: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* First content block flush with header; avoid margin exposing dark #page bg */
body.esl-gamzam-landing-page #esl-gamzam-landing {
	margin-top: 0 !important;
}

body.esl-gamzam-landing-page #primary,
body.esl-gamzam-landing-page .content-area,
body.esl-gamzam-landing-page .site-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.esl-gamzam-marketing-page #primary,
body.esl-gamzam-marketing-page .content-area,
body.esl-gamzam-marketing-page .site-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}