/* =========================================================
   Header / Navbar (Bootstrap 2 → Modern)
   ========================================================= */

/* ---------- Navbar base ---------- */
.navbar {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 4px 14px rgba(0,0,0,.04);
}

/* махаме старите градиенти */
.navbar-inner {
  background: none !important;
  border: 0;
  box-shadow: none;
  padding: 0 16px;
}

/* ---------- Brand / Logo ---------- */
.navbar .brand {
  font-weight: 700;
  font-size: 15px;
  color: #111827;
  padding: 12px 16px;
}

.navbar .brand:hover {
  color: #2563eb;
}

/* ---------- Navigation links ---------- */
.navbar .nav > li > a {
  font-weight: 500;
  font-size: 13px;
  color: #374151;

  padding: 14px 14px;
  text-shadow: none;

  transition: color .15s ease, background-color .15s ease;
}

.navbar .nav > li > a:hover {
  color: #2563eb;
  background-color: #f1f5f9;
}

/* ---------- Active ---------- */
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover {
  color: #2563eb;
  background-color: #e0e7ff;
  box-shadow: inset 0 -2px 0 #2563eb;
}

/* ---------- Right aligned (user/menu) ---------- */
.navbar .nav.pull-right > li > a {
  font-weight: 500;
}

/* ---------- Dropdown ---------- */
.navbar .dropdown-menu {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  padding: 6px 0;
}

.navbar .dropdown-menu > li > a {
  padding: 8px 16px;
  font-size: 13px;
}

.navbar .dropdown-menu > li > a:hover {
  background-color: #f1f5f9;
}

/* caret (малка, по-елегантна) */
.navbar .caret {
  border-top-color: #6b7280;
}

/* ---------- Navbar fixed (ако ползваш) ---------- */
.navbar-fixed-top {
  z-index: 1030;
}