/*
 * Theme-only adapters. Everything else in css/ is the preview's CSS, copied
 * unchanged. These are the preview's playground wrapper rules
 * (css/playground-preview.css, articles_slider.css) for the theme's
 * .homz-block wrapper, which plays the role of the preview's .pg-block.
 */

.homz-block { position: relative; }

/* A section hidden at this width takes its block with it, so the empty wrapper adds no extra section gap. */
@media (min-width: 768px) {
	.site-main > .homz-block:has(> .cost-calc--mobile) { display: none; }
	.site-main > .homz-block:has(> .banner--mobile-only) { display: none; }
}

@media (max-width: 767px) {
	.site-main > .homz-block:has(> .banner--desktop-only) { display: none; }
}

.faq-no-results .homz-block:has(> .articles-slider) { display: none; }

/* Render error, only shown to editors (inc/sections.php). */
.homz-error { margin: 20px; padding: 16px; border: 2px solid #d4183d; border-radius: 8px; color: #d4183d; font: 600 14px/20px var(--font); }

/* Logged-in admin bar: keep the scrolled (fixed) header bar and the mobile menu below it. */
.admin-bar .site-header.is-scrolled .site-header__wrap,
.admin-bar .site-header__drawer { top: var(--wp-admin--admin-bar--height, 0px); }