/* ============================================================
   Custom Wireframe Homepage ΓÇö condensed single-bar header
   Scoped to the template body class only.
   Based on ignavo header-type2 rendered markup:
   .header-topbar (utility) / .header-main (logo + search + icons)
   / .header-bottom (categories + primary menu) / .header-sub.
   Target: logo left, primary nav center, icons right, one row.
   ============================================================ */

body.page-template-template-wireframe-home .site-header {
	position: relative;
}

/* ---------- Remove the utility top bar ---------- */
body.page-template-template-wireframe-home .site-header .header-topbar {
	display: none !important;
}

/* ---------- Remove the standalone search column in the main row ---------- */
body.page-template-template-wireframe-home .site-header .header-main .column[style*="header-row-gap"] {
	display: none !important;
}

/* ---------- Push logo left, action icons right on the same row ---------- */
body.page-template-template-wireframe-home .site-header .header-main .site-header-inner {
	justify-content: space-between;
}

/* ---------- Pull the primary menu row up onto the logo/icon line ---------- */
body.page-template-template-wireframe-home .site-header .header-bottom {
	position: absolute !important;
	inset: 0;
	display: flex !important;
	align-items: center;
	z-index: 2;
	pointer-events: none;
	background: transparent;
}

body.page-template-template-wireframe-home .site-header .header-bottom.border-full::after {
	display: none;
}

/* The container keeps its normal sizing inside the overlaid bar */
body.page-template-template-wireframe-home .site-header .header-bottom .container,
body.page-template-template-wireframe-home .site-header .header-bottom .site-header-inner {
	width: 100%;
	height: 100%;
}

/* Hide the "All Categories" button and the "Best Seller" dropdown */
body.page-template-template-wireframe-home .site-header .header-bottom .custom-gategories,
body.page-template-template-wireframe-home .site-header .header-bottom .site-header-custom-button.has-dropdown {
	display: none !important;
}

/* Center the primary menu in the remaining full-width column */
body.page-template-template-wireframe-home .site-header .header-bottom .site-header-inner > .column {
	justify-content: center !important;
}

/* ---------- Keep the header-bottom overlay from swallowing icon clicks/hover ---------- */
body.page-template-template-wireframe-home .site-header .header-bottom .column,
body.page-template-template-wireframe-home .site-header .header-bottom .site-navigation {
	pointer-events: none;
}

body.page-template-template-wireframe-home .site-header .header-bottom .site-navigation a,
body.page-template-template-wireframe-home .site-header .header-main .site-action-button .site-action-link {
	pointer-events: auto;
}

/* ---------- Remove the mobile search strip (mobile bar = burger + logo + icons) ---------- */
body.page-template-template-wireframe-home .site-header .header-sub {
	display: none !important;
}

/*
 * The overlay above uses display:flex !important, which also defeats the theme's
 * own "hidden lg:block" on the nav row. Restore the hidden state below the
 * desktop breakpoint so it can't cover the mobile icon row either.
 */
@media (max-width: 1023px) {
	body.page-template-template-wireframe-home .site-header .header-bottom {
		display: none !important;
	}
}