/* Navbar: thin border like .card blocks, no drop shadow */
.navbar {
	border-bottom: 1px solid #e5e7eb;
	box-shadow: none !important;
}

html.dark .navbar {
	border-bottom-color: rgb(2 6 23 / 0.2);
}

.fixed-navbar .navbar {
	box-shadow: none !important;
}

/* Navbar «Меню»: лёгкий серый фон всегда; при hover — акцент фона, текст чёрный */
#nav-main > #jumpbox-item > a.navbar-menu-highlight,
#nav-main > #jumpbox-item > a.navbar-menu-highlight:hover {
	background-color: #f3f4f6;
	color: #111827;
}

#nav-main > #jumpbox-item > a.navbar-menu-highlight:hover {
	background-color: rgba(var(--color-primary), 0.08);
	color: rgba(var(--color-primary), 1);
}

:is(.dark #nav-main > #jumpbox-item > a.navbar-menu-highlight),
:is(.dark #nav-main > #jumpbox-item > a.navbar-menu-highlight:hover) {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
}

:is(.dark #nav-main > #jumpbox-item > a.navbar-menu-highlight:hover) {
	background-color: rgba(var(--color-primary-dark), 0.1);
	color: rgba(var(--color-primary-dark), 1);
}

/* Небольшой зазор между кнопкой «Меню» и выпадающим списком (desktop) */
@media (min-width: 768px) {
	#nav-main > #jumpbox-item > .dropdown {
		top: calc(100% + 0.5rem);
	}

	#nav-main > #jumpbox-item > .dropdown.dropdown-start:where([dir="ltr"], [dir="ltr"] *) {
		left: 0;
		right: auto;
	}

	#nav-main > #jumpbox-item > .dropdown.dropdown-start:where([dir="rtl"], [dir="rtl"] *) {
		left: auto;
		right: 0;
	}
}
