/**
 * Public Base Styles
 * Premium Cold Gray-Blue Color Scheme for Public Pages
 */

/* 🔧 FIX (2025-12-22): Disable overscroll effect to prevent white space on scroll */
html, body {
    overscroll-behavior: none;
}

/* Color Variables - "Морская глубина" palette */
:root {
    --navbar-bg: #1E3A5F;         /* Полуночный синий - основной */
    --navbar-hover: #2C5282;       /* Светлый полуночный */
    --navbar-accent: #4A9BC5;      /* Акцент для hover */
    --navbar-text: #f1f5f9;
}

/* Notification Badge */
.notification-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.75rem;
    min-width: 18px;
    text-align: center;
}

/* Navbar Styling */
.navbar {
    background: var(--navbar-bg) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.navbar-brand {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--navbar-text) !important;
    letter-spacing: -0.02em;
}

.navbar-brand:hover {
    color: var(--navbar-accent) !important;
}

.navbar-brand i {
    color: var(--navbar-accent);
}

/* Navigation Links */
.nav-link {
    color: var(--navbar-text) !important;
    transition: all 0.3s ease;
    font-weight: 500;
    padding: 0.5rem 1rem !important;
    border-radius: 0.375rem;
}

.nav-link:hover {
    color: var(--navbar-accent) !important;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Dropdown Menu */
.dropdown-menu {
    border: none;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    border-radius: 0.75rem;
    padding: 0.5rem;
}

.dropdown-item {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f1f5f9;
    color: #1e293b;
}

/* Logout form inline styling */
.logout-form-inline {
    margin: 0;
    padding: 0;
    display: block;
}

.logout-form-inline .dropdown-item {
    cursor: pointer;
}

/* User Avatar - "Морская глубина" */
.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1E3A5F 0%, #2C5282 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* Navbar Toggler */
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3);
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(30, 58, 95, 0.25);
}

.navbar-toggler-icon {
    filter: brightness(0) invert(1);
}

/* Active Navigation Link */
.navbar-nav .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.375rem;
}