/* ========================================= */
/* ШАПКА САЙТА */
/* Чистая навигация в стиле Notion */
/* ========================================= */

/* === БАЗОВАЯ ШАПКА === */
.navbar {
  background: var(--color-bg);
  border-bottom: 1px solid var(--color-border);
  padding: 1rem 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.95);
  overflow: visible !important; /* Ensure no wrapper scroll */
}

.navbar-brand {
  font-weight: 800;
  font-size: var(--text-xl);
  color: var(--color-text) !important;
  text-decoration: none;
}

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

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

/* === НАВИГАЦИЯ === */
.nav-center-wrapper {
  display: flex;
  align-items: center;
}

.navbar-nav .nav-link {
  color: var(--color-text-light);
  font-weight: 500;
  font-size: var(--text-sm);
  padding: 0.5rem 1rem;
  margin: 0 0.25rem;
  border-radius: var(--radius-md);
  transition: var(--transition-fast);
}

.navbar-nav .nav-link:hover {
  color: var(--color-primary);
  background: var(--color-bg-soft);
}

.navbar-nav .nav-link.active {
  color: var(--color-primary);
  font-weight: 600;
  background: var(--color-bg-soft);
}

/* === ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ === */
.user-menu {
  display: flex;
  align-items: center;
  gap: 1.5rem; /* Increased gap */
}

/* Fix for spacing in the right side of navbar */
.ms-lg-auto.d-flex.align-items-center > * {
    margin-right: 1.25rem;
}

.ms-lg-auto.d-flex.align-items-center > *:last-child {
    margin-right: 0;
}

.user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid var(--color-border);
}

.notification-badge {
  position: relative;
}

.notification-count {
  position: absolute;
  top: -8px;
  right: -8px;
  background: var(--color-danger);
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 0.7rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ========================================= */
.icon-circle {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bg-primary-soft { background-color: #eef2ff; }
.bg-success-soft { background-color: #ecfdf5; }
.bg-warning-soft { background-color: #fffbbe; }
.bg-danger-soft { background-color: #fef2f2; }
.bg-info-soft { background-color: #f0f9ff; }

.text-primary { color: #4f46e5 !important; }
.text-success { color: #10b981 !important; }
.text-warning { color: #f59e0b !important; }
.text-danger { color: #ef4444 !important; }
.text-info { color: #0ea5e9 !important; }

.notification-item {
  transition: background-color 0.2s;
}

.notification-item:hover {
  background-color: #f8fafc !important;
}

/* Fix double scroll in dropdowns */
.dropdown-menu {
    overflow: hidden !important;
}

#notifications-list, #orders-notifications-list {
    scrollbar-width: thin;
}