/* Extracted from /styles/compat/legacy.css: mobile navigation + related padding */

/* ===== Bottom nav ===== */
.bottom-nav {
	pointer-events: none; /* чтобы клики проходили только по внутренней панели */
}
.bottom-nav-inner {
	pointer-events: auto;
	background-color: var(--surface);
	gap: .25rem;
}
.bottom-nav-inner .nav-link {
	border-radius: .75rem;
}
.bottom-nav-inner .nav-link.active {
	background-color: rgba(13,110,253,.08); /* bs-primary 8% */
}
.bottom-nav .bi {
	line-height: 1;
}
/* Отступ снизу, чтобы контент не прятался за панелью на мобиле */
@media (max-width: 576px) {
	body { padding-bottom: 76px; }
}

/* Мобильная таб-панель: плоская */
.mobile-tabbar{
	position:fixed; left:0; right:0; bottom:0;
	background:var(--surface); border-top:1px solid var(--line);
	box-shadow:0 -1px 0 rgba(0,0,0,.02);
	padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);
	z-index:1030;
}
.mobile-tabbar .btn-tab{
	flex:1 1 25%; display:flex; flex-direction:column; align-items:center; gap:4px;
	padding:6px 4px; border-radius:var(--fx-radius); color:var(--ink); text-decoration:none;
}
.mobile-tabbar .btn-tab:active{
	background:color-mix(in oklab,var(--surface),black 4%);
}

/* (min-w-0 moved to /styles/components/controls.css) */
.mobile-tabbar .icon{ font-size:20px; line-height:1; }
/* (badge-dot + badge-num moved to /styles/components/controls.css) */
@media(min-width:992px){ .mobile-tabbar{ display:none; } }