/* The navigation bar, on every page.
   ==================================

   Loaded right after live.css, on mirrored pages AND theme pages, because since
   2026-09-12 both draw the same bar (parts/header.html + scripts/build_shared_header.py).

   These three rules used to live in mirror.css under a `.mys-home-header` scope,
   added when build_home_from_live.py put live's header back on the home page.
   They are what makes the home page's bar look right, and they are the reason
   the home page's bar looked different from the bars on /calendar/ and
   /affordable-healthcare/ even though all three pages carry the same markup.

   mirror.css is enqueued on page-mirror pages only. Leaving these rules there
   while the header went site-wide would have meant 239 pages rendering the
   shared bar with a shopping cart in it and a four-column grid. So they moved
   here, and the scope widened from `.mys-home-header` to `.block-header`: one
   bar, one set of rules, every page. They were MOVED — mirror.css no longer
   carries a copy, or the two would drift the way the two headers did.

   Why the cart goes rather than gets styled: this is a medical practice that
   sells nothing online. The icon is a leftover of the Hostinger template the
   live site was built from, it opens nothing, and DJ had the rest of the store
   taken off the site already (scripts/decommerce_*.py). It was hidden on the
   home page for that reason and is now hidden everywhere for the same one. */

.block-header .block-header__cart {
	display: none;
}

/* The grid was written for four children — logo, nav, cart, button. With the
   cart gone the fourth column is empty and everything to the right of the nav
   sits a column too far left. */
.block-header .block-header-layout-desktop--desktop-1 {
	grid-template-columns: min-content 1fr min-content !important;
}

@media screen and (max-width: 920px) {
	.block-header .block-header-layout-mobile--mobile-1 {
		grid-template-columns: 1fr max-content;
		grid-template-areas: "logo hamburger-menu";
	}
}

/* The bar is a template part on 240 of the 249 pages, which puts it outside
   every .text-box rule in live.css. What it inherits instead is the page
   builder's own reset --

       body { font-family: DM Sans, sans-serif; color: #1d1e20 }

   -- and live never shows a pixel of DM Sans, because everything visible on live
   sits inside a .text-box or a nav link and overrides it. Stating the header's
   own type here keeps a theme page's bar identical to a mirrored page's, where
   the same markup is inside the content and picks the type up from live.css.

   Values come from the header element's own --nav-link-* custom properties,
   which the copied markup carries inline. Not from theme.json presets: two
   sources of truth for one bar is how the two headers came apart to begin with. */
.block-header .block-header__nav,
.block-header .block-header-layout-mobile__dropdown {
	font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--nav-link-text-color, rgb(255, 77, 151));
}