/*
 * Snow Stream Core - navigation polish
 * -----------------------------------------------------------------------------
 * The only Snow Stream stylesheet loaded on every page, because the header is
 * on every page. Deliberately cosmetic.
 *
 * HISTORY - READ BEFORE ADDING ANYTHING HERE
 * ------------------------------------------
 * v0.4.4 shipped menu CSS *and* JS that fought Hestia's own mobile handlers and
 * left the overlay stuck open; v0.4.5 was a recovery release that removed the
 * lot. `site-integration.css` held the orphaned remains of that attempt until
 * v0.34.0, which cleared them out and gave the file a real job.
 *
 * So: no JavaScript, no changes to `display`, and nothing that touches the
 * mobile menu. Everything here is scoped to `min-width: 769px`, which is
 * desktop only, and limited to how the dropdown panel looks.
 */

@media (min-width: 769px) {

	/*
	 * Until v0.15.0 the "ΠΕΡΙΣΣΟΤΕΡΑ" item carried Hestia's `hestia-mega-menu`
	 * class, which stretches the panel across almost the whole viewport - a
	 * white slab holding four short links. The class was removed from the menu
	 * item itself, so the panel now sizes to its content; these rules give it a
	 * quieter shape.
	 */
	.navbar .navbar-nav > li.dropdown > .dropdown-menu {
		min-width: 0;
		padding: 6px;
		border: 1px solid rgba(18, 59, 112, .10);
		border-radius: 10px;
		box-shadow: 0 12px 30px rgba(20, 48, 82, .14);
	}

	/*
	 * Align the panel's right edge with the button's. Left-aligned, it hung ~20px
	 * past the pink pill and read as misaligned. `right`/`left` only - no change
	 * to positioning mode, which the li already establishes.
	 */
	.navbar .navbar-nav > li.dropdown.btn > .dropdown-menu {
		right: 0;
		left: auto;
	}

	.navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a {
		padding: 9px 14px;
		border-radius: 7px;
		/* Fit to text: no wrapping, so the panel is exactly as wide as it needs. */
		white-space: nowrap;
	}

	.navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:hover,
	.navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:focus {
		background: #eef3f8;
		color: #123b70;
	}
}


/* ---------------------------------------------- desktop side navigation - */

/*
 * REMOVED IN v0.18.1 - do not reinstate this approach.
 *
 * v0.18.0 turned Hestia's own `.navbar` into a left-hand panel. It looked right
 * in a live experiment and broke the site once shipped, for two reasons that
 * both trace back to hijacking the theme's element instead of adding our own:
 *
 *   1. `.navbar-collapse` ended up at left: 280px - outside a 250px panel - so
 *      the links were off-screen and needed a horizontal scroll to reach.
 *   2. The hero grew to 1168px tall and pushed the content to y=1140, because
 *      taking the navbar out of the flow changed what the header sized against.
 *
 * The experiment was injected after every theme stylesheet, so it won every
 * cascade tie. Shipped, navigation.css is enqueued *before* Hestia's CSS and
 * those same ties are lost - the prototype was never testing what would ship.
 *
 * The next attempt must render its own markup (wp_nav_menu into our own
 * container) and leave the theme header exactly where it is, per the brief:
 * the header stays, the panel is an addition.
 */