/* ─────────────────────────────────────────
   MealApp Section Nav
   ───────────────────────────────────────── */
.msnav {
	position:          sticky;
	top:               0;
	z-index:           900;
	background:        #050B18;
	width:             100%;
	-webkit-font-smoothing: antialiased;
}

.msnav-inner {
	max-width:       1240px;
	margin:          0 auto;
	padding:         0 24px;
	display:         flex;
	align-items:     center;
	justify-content: center;
	height:          48px;
	gap:             4px;
	overflow-x:      auto;
	scrollbar-width: none;   /* Firefox */
}

.msnav-inner::-webkit-scrollbar { display: none; } /* Chrome/Safari */

/* Nav items */
.msnav-item {
	display:         inline-flex;
	align-items:     center;
	padding:         6px 14px;
	font-family:     'Inter', Helvetica, sans-serif;
	font-size:       13px;
	font-weight:     500;
	color:           #8a97ab    !important;
	text-decoration: none       !important;
	white-space:     nowrap;
	border-radius:   6px;
	transition:      color 0.2s, background 0.2s;
	outline:         none;
}

.msnav-item:hover {
	color: #f3f7fc !important;
}

/* Active state — colour only, no background */
.msnav-item.active {
	color: #1fe689 !important;
}

/* Hide on mobile */
@media (max-width: 767px) {
	.msnav { display: none; }
}