/* 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 «Меню»: лёгкий стеклянный фон всегда (сам .navbar уже даёт blur/saturate — второй backdrop-filter на кнопке не нужен, ломается в Safari); при hover — акцент фона, текст чёрный */
#nav-main > #jumpbox-item > a.navbar-menu-highlight,
#nav-main > #jumpbox-item > a.navbar-menu-highlight:hover {
	background-color: rgba(17, 24, 39, 0.08);
	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);
}

/* Виджет профиля в сайдбаре: без CSS-ограничений аватар (по HTML width/height
   от phpBB) и длинный ник растягивали колонку сайдбара шире 160px (ширина
   баннеров/виджета «Курс»), из-за чего сайдбар переставал помещаться в ряд
   и уезжал под темы/разделы (родитель — flex-wrap). Жёстко фиксируем ширину
   виджета и не даём его содержимому распирать её. */
#profile-widget {
	width: 160px;
	max-width: 160px;
	box-sizing: border-box;
	overflow: hidden;
	/* Same inset as forum category cards (.card padding 0.5rem). */
	padding: 0.5rem;
}

/* Sidebar profile title bar: same gray glass as navbar «Меню»,
   not the blue forum .card-title / --panel-bg. */
#profile-widget > .card-title {
	margin-bottom: 0.5rem;
	padding-inline: 0.625rem;
	min-width: 0;
	border-color: transparent;
	background-color: rgba(17, 24, 39, 0.08);
	color: #111827 !important;
}

#profile-widget > .card-title::before {
	display: none;
}

#profile-widget > .card-title .profile-title,
body.card-primary #profile-widget > .card-title,
body.card-primary #profile-widget > .card-title a:hover {
	color: #111827 !important;
}

#profile-widget > .card-title .profile-title {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html.dark #profile-widget > .card-title,
:is(.dark #profile-widget > .card-title) {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff !important;
}

html.dark #profile-widget > .card-title .profile-title,
html.dark body.card-primary #profile-widget > .card-title,
:is(.dark #profile-widget > .card-title .profile-title),
:is(.dark body.card-primary #profile-widget > .card-title) {
	color: #fff !important;
}

#profile-widget .profile-widget-body {
	padding: 0;
}

#profile-widget .profile-widget-identity {
	padding: 0;
}

#profile-widget .avatar-container {
	width: 100%;
	line-height: 0;
}

#profile-widget .avatar-container > a.avatar,
#profile-widget .avatar-container > span.avatar {
	display: block;
	width: 100%;
}

#profile-widget .avatar-container img,
#profile-widget .avatar img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#profile-widget .profile-author {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-inline: 0.125rem;
}

#profile-widget .profile-rank {
	padding-inline: 0.125rem;
}

#profile-widget .dropdown-item span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Same rhythm as #rates-widget / .drcpa-fx-row: icon + label + value */
#profile-widget .profile-widget-stats {
	margin: 0.5rem 0 0;
	padding: 0.15rem 0.125rem 0;
}

#profile-widget .profile-widget-stats__row {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.3rem 0;
}

#profile-widget .profile-widget-stats__icon {
	flex-shrink: 0;
	display: block;
}

#profile-widget .profile-widget-stats__label {
	flex: 1;
	min-width: 0;
	font-size: 0.6875rem;
	font-weight: 500;
	opacity: 0.5;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#profile-widget .profile-widget-stats__value {
	flex-shrink: 0;
	font-weight: 600;
	font-size: 0.75rem;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

/* Небольшой зазор между кнопкой «Меню» и выпадающим списком (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;
	}
}