/* -----------------------------
   Navbar обычный и кастомный
----------------------------- */
.custom-navbar {
    background-color: rgba(255, 255, 255, 0.15); /* полупрозрачный белый */
    backdrop-filter: blur(8px);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: background-color 0.3s ease, color 0.3s ease;
    z-index: 1030;
}

/* -----------------------------
   Body padding под navbar
----------------------------- */
body {
    padding-top: 70px;
}

/* -----------------------------
   Активный пункт меню
----------------------------- */
.nav-link.active {
    font-weight: 600;
    color: #0d6efd !important; /* синий */
}

/* -----------------------------
   Тёмная тема для navbar
----------------------------- */
.navbar.dark-theme {
    background-color: rgba(20, 20, 20, 0.85);
    backdrop-filter: blur(8px);
}

.navbar.dark-theme .navbar-brand,
.navbar.dark-theme .nav-link,
.navbar.dark-theme .dropdown-toggle,
.navbar.dark-theme .dropdown-item {
    color: #f8f9fa !important; /* светлый текст */
}

.navbar.dark-theme .nav-link.active {
    color: #0d6efd !important;
}

/* Кнопки */
.navbar.dark-theme .btn-outline-secondary {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.navbar.dark-theme .btn-outline-secondary:hover {
    background-color: #f8f9fa;
    color: #121212;
}

.navbar.dark-theme .btn-light {
    background-color: #2c2c2c;
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.navbar.dark-theme .btn-outline-primary {
    color: #f8f9fa;
    border-color: #0d6efd;
}

/* Dropdown menu */
.navbar.dark-theme .dropdown-menu {
    background-color: #2c2c2c;
    border-color: #444;
}

.navbar.dark-theme .dropdown-item.text-danger {
    color: #ff6b6b !important;
}