/*
 * Homepage / wide-template banner layout.
 * Loaded as a separate file so Hostinger CDN does not keep serving a stale style.css.
 */

body.home,
.page-template-page-wide-no-footer-no-title {
	overflow-x: clip;
}

/* Lock offset to visible top bar height; do not add admin-bar (that made ~103px). */
.wp-site-blocks {
	padding-top: 70px !important;
}

/* Flush content under the fixed header (no gap below top bar). */
.page-template-page-wide-no-footer-no-title main#wp--skip-link--target,
body.home main#wp--skip-link--target {
	margin-top: 0 !important;
}

/*
 * Full-bleed banner: alignfull is nested inside constrained/wide groups, so
 * core .has-global-padding > .alignfull does not apply. Break out to the
 * viewport edges and sit flush under the top bar.
 */
.page-template-page-wide-no-footer-no-title .wp-block-diyhifi-shop-banner-image.alignfull,
body.home .wp-block-diyhifi-shop-banner-image.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	--diyhifi-banner-border-radius: 0;
}

.page-template-page-wide-no-footer-no-title .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__container,
.page-template-page-wide-no-footer-no-title .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__media,
body.home .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__container,
body.home .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__media {
	width: 100% !important;
	max-width: none !important;
	border-radius: 0 !important;
}

.page-template-page-wide-no-footer-no-title .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__media,
body.home .wp-block-diyhifi-shop-banner-image.alignfull .diyhifi-banner-image__media {
	display: block !important;
}

/*
 * Full-width (no footer) pages — e.g. Checkout.
 * Template stacks main margin + inner padding (~140px); collapse that and
 * center the content column.
 */
.page-template-page-full-width-no-footer main#wp--skip-link--target {
	margin-top: 0 !important;
}

.page-template-page-full-width-no-footer main > .wp-block-group {
	padding-top: 1.25rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 48rem !important;
	width: 100%;
}

.page-template-page-full-width-no-footer .wp-block-post-title {
	text-align: center;
	margin-top: 0 !important;
	margin-bottom: 1rem;
}

.page-template-page-full-width-no-footer .entry-content,
.page-template-page-full-width-no-footer .wp-block-post-content {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 48rem !important;
	width: 100%;
}

.page-id-2332 .lite-store-checkout__empty,
.page-template-page-full-width-no-footer .lite-store-checkout__empty {
	text-align: center;
}