/* ==========================================================================
   Mobile-first nav collapse — see plan §"Nav mobile-first". The old mocks just
   did `.nav-links { display: none }` under 640px, which hid search/account/
   cart entirely. Here: text links collapse into the hamburger at 980px, but
   search/account/cart/Reservar Ahora stay reachable as icons at every size,
   and the cart icon specifically stays in the fixed bar even on the smallest
   screens (never inside the drawer) since it's the client's #1 priority.
   ========================================================================== */

@media (max-width: 980px) {
	.nav {
		grid-template-columns: auto 1fr auto;
	}
	.nav-links {
		display: none;
	}
	.nav-hamburger {
		display: flex;
	}
}

@media (max-width: 640px) {
	.nav-cta {
		display: none; /* still reachable via the drawer */
	}
}

@media (min-width: 981px) {
	.nav-drawer-overlay {
		display: none !important;
	}
}