/* ============================================================================
 * Enfold escape hatch — EMBEDDED landing pages only
 * ============================================================================
 * An "embedded" landing page renders inside Enfold's page wrapper so it keeps the
 * site's real header (65 menu items across 15 dropdowns) exactly as it is today.
 * These rules undo the wrapper's padding, container width, announcement banner and
 * logo treatment so the page can go full-bleed and dark.
 *
 * This is the INTERSECTION of the escape rules pasted into every live landing page —
 * only what they all agreed on. Per-page header treatments deliberately stay in that
 * page's own lp.css, because the live pages darken the header to different degrees
 * and unifying them would change how an existing page looks.
 *
 * NOT loaded for "standalone" pages — they render their own document and have nothing
 * to escape. When the site itself goes dark, this whole file dies.
 * ========================================================================= */

body {
	background:#0E0A1C;
	margin:0;
}

body {
	background:#0E0A1C;
	overflow-x:hidden;
}

#top #main {
	background:#0E0A1C;
}

#top .container_wrap {
	background:transparent;
	border:none;
}

#top .avia_codeblock_section {
	padding:0 !important;
	margin:0 !important;
}

#top .container {
	max-width:100% !important;
	width:100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.copia-lp {
	width:100vw;
	max-width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
}

#top .template-page {
	padding-top:0 !important;
}

#header .logo-main {
	opacity:1 !important;
}

#header .logo-alternate {
	opacity:0 !important;
}

#header .logo img {
	filter:brightness(0) invert(1) !important;
	height:auto !important;
	max-height:30px !important;
	width:auto !important;
}

#header .menu-login .menu-item-inner,#header .menu-login .menu-item-inner .avia-menu-text {
	color:#FBF7EC !important;
}

#header .menu-login .menu-item-inner::after,#header .menu-login .menu-item-inner .avia-menu-text::after {
	color:#FBF7EC !important;
}

:root {
	--banner:0px !important;
	--bannerStatus:none !important;
}

.announcement-banner {
	display:none !important;
}


/* ---------------------------------------------------------------------------
 * Theme footer suppression.
 *
 * THIS IS THE ONE INTENTIONAL DEVIATION from a byte-faithful migration, and it is
 * safe by construction: it hides elements that are already not rendering.
 *
 * All three live pages disable Enfold's footer through the per-page Layout toggle,
 * and /whiskey-tasting/ additionally pinned it in CSS. CLAUDE.md §9 is explicit that
 * the toggle is not trustworthy — and since these pages ship their own dark footer,
 * the failure mode if it ever clears is TWO footers, one of them light.
 *
 * The toggle still works exactly as before (Enfold reads it from post meta), so this
 * changes nothing today. It only removes a way for the page to break later.
 * ------------------------------------------------------------------------- */

#footer-page,
#socket,
#footer {
	display: none !important;
}