/* Исправление бокового меню - закрепление кнопок внизу */

.sidebar {
    position: fixed !important;
    height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important; /* Убираем прокрутку с основного контейнера */
}

/* Основное содержимое sidebar с прокруткой */
.sidebar > * {
    flex-shrink: 0; /* Не сжимаем элементы */
}

/* Контейнер для прокручиваемого контента */
.sidebar .logo,
.sidebar .search-bar,
.sidebar .nav-menu {
    flex-shrink: 0;
}

/* Меню навигации с прокруткой */
.sidebar .nav-menu {
    flex: 1; /* Занимает доступное пространство */
    overflow-y: auto; /* Прокрутка только для меню */
    margin-bottom: 0; /* Убираем отступ */
    padding-bottom: 120px; /* Отступ снизу для кнопок */
}

/* Закрепляем footer внизу */
.sidebar-footer {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    border-top: 1px solid #333333 !important;
    background: rgba(27, 27, 27, 0.95) !important;
    backdrop-filter: blur(15px) !important;
    z-index: 100 !important;
    box-sizing: border-box !important;
}

/* Стили для кнопок */
.auth-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.login-btn, .register-btn {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.login-btn {
    background: rgba(0, 140, 219, 0.2) !important;
    color: #008cdb !important;
    border: 1px solid rgba(0, 140, 219, 0.3) !important;
}

.register-btn {
    background: rgba(0, 104, 71, 0.3) !important;
    color: #D4AF37 !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.login-btn:hover {
    background: rgba(0, 140, 219, 0.3) !important;
    transform: translateY(-1px) !important;
}

.register-btn:hover {
    background: rgba(0, 104, 71, 0.4) !important;
    transform: translateY(-1px) !important;
}

/* Прокрутка для nav-menu */
.nav-menu::-webkit-scrollbar {
    width: 4px;
}

.nav-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
}

.nav-menu::-webkit-scrollbar-thumb {
    background: #008cdb;
    border-radius: 4px;
}