/* =============================================================
   NAVBAR  —  top header bar (RTL-aware)
   -------------------------------------------------------------
   Styles the shared partials/navbar.html. Variable-driven, no
   behaviour change (pushmenu toggle + logout form untouched).
   ============================================================= */

/* ---- Bar ----------------------------------------------------- */
.main-header.navbar {
  min-height: var(--navbar-height);
  padding: 0.25rem 1rem;
  background: var(--surface);
  border-bottom: 1px solid var(--border-color);
  box-shadow: var(--shadow-small);
}

.main-header .nav-link {
  color: var(--text-secondary);
  border-radius: var(--radius-small);
  transition: background-color var(--speed-fast) var(--ease),
              color var(--speed-fast) var(--ease),
              transform var(--speed-fast) var(--ease);
}
.main-header .nav-link:hover {
  background: var(--surface-hover);
  color: var(--text-primary);
}

/* ---- Sidebar toggle (hamburger) ------------------------------ */
.ds-navbar-toggle {
  width: 2.4rem;
  height: 2.4rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
}

/* ---- Right cluster ------------------------------------------- */
.ds-navbar-right {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
/* (User chip + logout moved to the sidebar footer — see sidebar.css) */