/* Global site fixes (loaded on every page, after the theme CSS).

   Mobile navigation hardening (2026-09):
   The scalia theme collapses the mobile menu only at runtime, after jQuery
   (functions.js) adds the `responsive` class to the nav — the menu is
   rendered expanded in the initial HTML. Depending on script timing or
   device, phones could briefly (or persistently) show the whole menu
   stacked under the header before the hamburger is pressed.
   These rules guarantee the collapsed state by viewport alone at phone
   widths, and keep the theme's open/close behavior working through the
   same `dl-menuopen` class its JavaScript toggles. Desktop (>768px) is
   untouched. */

@media (max-width: 768px) {
	#primary-navigation #primary-menu {
		left: 0;
		margin-top: -15px;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 100%;
		transform: translateY(10px);
		transition: opacity 0.3s ease, transform 0.3s ease;
	}

	#primary-navigation #primary-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
	}
}