/**
 * Header overrides — only what's needed alongside the Pixfort header that
 * renders via child header.php → do_action('pixfort_location_header').
 */

/* The Pixfort theme renders an inline <style> for `.pix-page-loading-bg`
 * with `z-index: 99999999999999999999`. The accompanying JS that toggles
 * it lives in the Pixfort theme that we no longer load, so the overlay
 * stays in its initial state and (in some browsers) stacks above the
 * sticky header. Hide it explicitly. */
.pix-page-loading-bg,
.pix-page-loading,
.pix-loading-overlay {
	display: none !important;
}

/* pixfort-core ships display rules to swap desktop/mobile variants, e.g.
 *   @media (min-width: 1025px) { .pix-header-mobile { display: none !important; } }
 * but Bootstrap's `.d-inline-block { display: inline-block !important }` (which
 * the mobile header element has) is enqueued AFTER pixfort-core-style.css on
 * this site, so it wins the cascade and the mobile header stays visible on
 * desktop. Re-assert Pixfort's visibility rules at a higher specificity. */
@media (min-width: 1025px) {
	header.pix-header-mobile,
	[data-area="m_topbar"],
	[data-area="m_header"],
	[data-area="m_stack"] {
		display: none !important;
	}
}
@media (max-width: 1024px) {
	header.pix-header-desktop,
	[data-area="topbar"],
	[data-area="header"],
	[data-area="stack"] {
		display: none !important;
	}
}