/* Imported from StyleReference/assets/css/blue.css (trimmed verbatim) */
/* Full content added by assistant. */

/* Navigation layout: make main menu horizontal on desktop, stacked on small screens */
#main-menu{display:flex;flex-direction:row;align-items:center;gap:18px;margin:0;padding:0;list-style:none}
#main-menu li{margin:0}
#main-menu li + li{margin-left:18px}

/* Center the main menu on desktop by absolutely centering within the nav.
	 For small screens we switch to static/column layout so the toggle works. */
.main-nav{position:relative;display:flex;align-items:center}
#main-menu{position:relative}

@media (min-width:769px){
	.main-nav{justify-content:flex-start}
	#main-menu{position:absolute;left:40%;transform:translateX(-50%);display:flex;flex-direction:row}
}

/* Ensure menu-trigger visible only on small screens */
.menu-trigger{display:none}
@media (max-width:768px){
	#main-menu{position:static;transform:none;display:flex;flex-direction:column;gap:12px}
	.menu-trigger{display:inline-block}
}

/* Small visual tweaks to align with theme */
#main-menu a{color:#333;text-decoration:none;font-weight:600;padding:6px 8px;border-radius:6px}
#main-menu a.active, #main-menu a:hover{background:linear-gradient(90deg,#4b5af4,#5239cd);color:#fff}

/* Right-align login/actions area */
.main-nav .nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px;z-index:1100}
.nav-actions .menu-btn{padding:8px 12px;border-radius:6px}