/**
 * WordPress chrome when body has .myo-3d-text-embed (MYO 3D Text plugin).
 * Colors align with myo-3d/apps/web/src/styles.css :root / .header.
 *
 * This sheet loads with the embed so it wins over many themes without relying on
 * Appearance → Additional CSS.
 */

/* Root + full viewport: themes often color `html` or inner wrappers, not `body`. */
html:has(body.myo-3d-text-embed) {
	background-color: #0e0f12 !important;
	min-height: 100%;
}

body.myo-3d-text-embed {
	background-color: #0e0f12 !important;
	color: #e8eaef;
	min-height: 100vh;
}

body.myo-3d-text-embed #wrapper,
body.myo-3d-text-embed #page.site,
body.myo-3d-text-embed #page,
body.myo-3d-text-embed .site-grid,
body.myo-3d-text-embed .site,
body.myo-3d-text-embed #content,
body.myo-3d-text-embed .site-content > .ast-container,
body.myo-3d-text-embed .site-main,
body.myo-3d-text-embed main#primary,
body.myo-3d-text-embed main,
body.myo-3d-text-embed #main,
body.myo-3d-text-embed #main-content,
body.myo-3d-text-embed .content-wrapper,
body.myo-3d-text-embed .wrap,
body.myo-3d-text-embed .inside-article {
	background-color: #0e0f12 !important;
	background-image: none !important;
}

body.myo-3d-text-embed #content.site-content,
body.myo-3d-text-embed .site-content,
body.myo-3d-text-embed .content-area,
body.myo-3d-text-embed #primary,
body.myo-3d-text-embed .ast-container,
body.myo-3d-text-embed .ast-separate-container,
body.myo-3d-text-embed .ast-separate-container .ast-article-single,
body.myo-3d-text-embed .ast-separate-container .ast-article-inner,
body.myo-3d-text-embed .ast-plain-container,
body.myo-3d-text-embed .ast-plain-container .entry-content,
body.myo-3d-text-embed .entry-content,
body.myo-3d-text-embed .page .site-content article {
	background-color: transparent !important;
	box-shadow: none !important;
}

body.myo-3d-text-embed .entry-header,
body.myo-3d-text-embed .ast-archive-title-wrap,
body.myo-3d-text-embed .ast-page-title-section {
	background: transparent !important;
}

body.myo-3d-text-embed .entry-title,
body.myo-3d-text-embed .ast-archive-title,
body.myo-3d-text-embed .entry-header h1 {
	color: #e8eaef !important;
}

/* Main shortcode wrapper */
body.myo-3d-text-embed .myo-3d-app-host {
	min-height: 70vh;
	background-color: #0e0f12;
}

body.myo-3d-text-embed .myo-3d-root {
	min-height: inherit;
	background-color: #0e0f12;
}

/* Elementor / other builders: strip section/page backgrounds so SPA chrome shows through. */
body.myo-3d-text-embed .elementor-section,
body.myo-3d-text-embed .elementor-section > .elementor-container,
body.myo-3d-text-embed .elementor-column-wrap,
body.myo-3d-text-embed .elementor-widget-wrap,
body.myo-3d-text-embed .e-con,
body.myo-3d-text-embed .e-con-inner,
body.myo-3d-text-embed .entry-content .elementor {
	background-color: transparent !important;
	background-image: none !important;
}

/* Divi */
body.myo-3d-text-embed .et_pb_section,
body.myo-3d-text-embed .et_pb_row,
body.myo-3d-text-embed .et_pb_column {
	background-color: transparent !important;
	background-image: none !important;
}

/* Astra secondary / sidebar strip */
body.myo-3d-text-embed #secondary,
body.myo-3d-text-embed .widget-area.secondary {
	background: transparent !important;
	color: #8b92a5;
}

/* Match app header chrome so top bar blends with SPA */
body.myo-3d-text-embed .site-header,
body.myo-3d-text-embed #masthead,
body.myo-3d-text-embed .ast-primary-header,
body.myo-3d-text-embed .ast-custom-header.ast-header,
body.myo-3d-text-embed .ast-mobile-popup-drawer.active {
	background-color: #15171c !important;
	border-bottom: 1px solid #252830;
}

body.myo-3d-text-embed .site-header a:not(.button),
body.myo-3d-text-embed .site-header .menu-link,
body.myo-3d-text-embed #masthead a:not(.button) {
	color: #8b92a5 !important;
}

body.myo-3d-text-embed .site-header a:hover:not(.button),
body.myo-3d-text-embed .site-header .current-menu-item > a:not(.button) {
	color: #e8eaef !important;
}

/* Footer */
body.myo-3d-text-embed .site-footer,
body.myo-3d-text-embed .site-below-footer-wrap,
body.myo-3d-text-embed #colophon.site-footer {
	background-color: #0e0f12 !important;
	border-top: 1px solid #252830;
	color: #8b92a5;
}

body.myo-3d-text-embed .site-footer a {
	color: #94a3b8;
}

/* wp-admin full-width host (MYO 3D Text admin screen) */
body.myo-3d-text-admin #wpcontent {
	padding-left: 0;
}
body.myo-3d-text-admin #myo-3d-text-admin-host {
	min-height: calc(100vh - 32px);
	background-color: #0e0f12;
	margin-left: -20px;
	margin-right: 0;
	padding: 0;
}
body.myo-3d-text-admin #myo-3d-text-admin-host .myo-3d-root {
	min-height: calc(100vh - 32px);
}