/**
 * Full-width layout for imported Small Apps.
 */

html:has(body.hs-small-app-canvas),
body.hs-small-app-canvas {
	background: #fff;
	block-size: 100%;
	margin: 0;
	min-block-size: 100%;
}

body.hs-small-app-canvas .hs-small-app-main,
body.hs-small-app-canvas .hs-imported-html {
	min-block-size: 100dvh;
}

body.hs-small-app-page {
	margin: 0;
	background: #fff;
}

body.hs-small-app-page #page,
body.hs-small-app-page .site,
body.hs-small-app-page .site-content,
body.hs-small-app-page #content,
body.hs-small-app-page .ast-container,
body.hs-small-app-page .hs-small-app-main {
	background: #fff;
}

body.hs-small-app-page .hs-small-app-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.hs-small-app-page .hs-imported-html {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

body.hs-small-app-page .site-content,
body.hs-small-app-page .content-area,
body.hs-small-app-page #primary,
body.hs-small-app-page #main,
body.hs-small-app-page .entry-content,
body.hs-small-app-page .wp-block-group,
body.hs-small-app-page .alignwide,
body.hs-small-app-page .alignfull,
body.hs-small-app-page .container,
body.hs-small-app-page .wrapper,
body.hs-small-app-page .page-header,
body.hs-small-app-page .entry-header,
body.hs-small-app-page article .entry-title {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.hs-small-app-page .entry-header,
body.hs-small-app-page .page-header,
body.hs-small-app-page .post-thumbnail,
body.hs-small-app-page .entry-meta,
body.hs-small-app-page .comments-area,
body.hs-small-app-page .post-navigation,
body.hs-small-app-page .navigation.post-navigation {
	display: none !important;
}

body.hs-small-app-page .site-main > article {
	margin: 0;
	padding: 0;
}

body.hs-small-app-page .feeds_main.fcom_wp_content,
body.hs-small-app-page .fcom_fallback_wp_content {
	max-inline-size: none;
	overflow: visible;
	padding: 16px 20px 40px;
}

.hs-small-app-single__back {
	color: var(--color-primary, #2a7473);
	display: inline-block;
	font-family: "Cairo", system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	margin-block-end: 18px;
	text-decoration: none;
}

.hs-small-app-single__back:hover {
	color: var(--color-secondary, #eba350);
}

body.hs-small-app-page .hs-imported-html .stage,
body.hs-small-app-page .hs-imported-html .overlay,
body.hs-small-app-page .hs-imported-html .modal,
body.hs-small-app-page .hs-imported-html #modal:not(:empty) {
	position: fixed !important;
	inset: 0 !important;
	inline-size: auto !important;
	block-size: auto !important;
	max-inline-size: none !important;
	z-index: 10060 !important;
}

body.hs-small-app-page .hs-imported-html .command h2 {
	color: inherit !important;
	display: block !important;
	font-size: clamp(30px, 6vw, 64px) !important;
	line-height: 1.15 !important;
	margin: 8px 0 !important;
}

body.hs-small-app-page .hs-imported-html .command .physical {
	display: block !important;
	font-size: 22px !important;
	line-height: 1.4 !important;
	margin-block: 6px 0 !important;
}