/* ============================================================
   merchant-nav.css
   Left sidebar navigation items — expanded and collapsed states.

   The sidebar CONTAINER width lives in merchant-sidebar.css.
   The nav ITEMS (.pa-menu-item) base styles live in
   pro-admin-ui-kit.css and pro-admin.css (via .pro-merchant).
   This file handles the .nav-link flavour used in the Nav
   helper breadcrumb-actions dropdown, plus section titles
   and any merchant-specific item overrides.

   Hover behavior: tooltip chip (defined in pro-admin-ui-kit.css
   via .pa-sidebar-tooltip). NO hover-to-expand sidebar.
   ============================================================ */

/* ── Nav wrapper ── */
.jcrec-admin .nav-main {
  padding: 0.35rem 0 0.2rem;
}

.jcrec-admin .nav-item {
  margin-bottom: 0.15rem;
}

/* Dashboard item — sticky at top of scroll area */
.jcrec-admin .nav-item-dashboard-pinned {
  position: sticky;
  top: 0;
  z-index: 8;
  margin-top: -0.1rem;
  background: #fafafa;
  padding-top: 0.15rem;
  padding-bottom: 0.1rem;
}

/* ── Section title (visible) ── */
/* .nav-section-title also gets .pa-menu-section-title from the template;
   hidden-when-collapsed is handled by pro-admin.css via .pa-menu-section-title */
.jcrec-admin .nav-section-title {
  display: block;
  padding: 0.1rem 0.38rem;
  margin-top: 0.45rem;
  margin-bottom: 0.12rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.58rem;
  color: var(--bu-primary-dark);
}

.jcrec-admin .nav-main > .nav-item:first-child .nav-section-title {
  margin-top: 0.7rem;
}

/* ── Nav links (breadcrumb-actions dropdown, not sidebar rail) ── */
.jcrec-admin .nav-link {
  display: flex;
  align-items: center;
  padding: 0.28rem 0.38rem;
  padding-right: 1.2rem;
  margin: 0 0.24rem;
  border-radius: 0.4rem;
  color: #495057;
  font-size: 0.72rem;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  transition: background 200ms ease, color 200ms ease;
}

.jcrec-admin .nav-link.has-badge {
  padding-right: 2.45rem;
}

.jcrec-admin .nav-link i {
  font-size: 0.68rem;
  width: 0.9rem;
  min-width: 0.9rem;
  margin-right: 0.42rem;
  color: var(--bu-primary-dark);
  opacity: 0.6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jcrec-admin .nav-link span {
  white-space: nowrap;
}

.jcrec-admin .nav-link:hover {
  background: rgba(0, 117, 178, 0.08);
  color: var(--bu-primary);
}

.jcrec-admin .nav-link.active {
  background: rgba(0, 117, 178, 0.12);
  color: var(--bu-primary);
  font-weight: 700;
}

.jcrec-admin .nav-link.active i {
  color: var(--bu-primary);
  opacity: 1;
  transform: scale(1.05);
}

.jcrec-admin .nav-link.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--bu-primary);
  border-radius: 0 3px 3px 0;
}

/* ── Badge count on nav link ── */
.jcrec-admin .nav-link .badge-count {
  position: absolute;
  right: 0.58rem;
  top: 50%;
  transform: translateY(-50%);
  min-width: 1.2rem;
  padding: 0.1rem 0.34rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* ── Collapsed: hide text labels and section headings ── */
:root.sidebar-collapsed .jcrec-admin .nav-link span,
:root.sidebar-collapsed .jcrec-admin .nav-section-title {
  display: none;
}

:root.sidebar-collapsed .jcrec-admin .nav-link {
  justify-content: center;
  padding: 0;
  margin: 0.12rem 0.2rem;
  min-height: 30px;
  height: 30px;
  border-radius: 8px;
}

:root.sidebar-collapsed .jcrec-admin .nav-link i {
  margin-right: 0;
  font-size: 0.74rem;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
}

:root.sidebar-collapsed .jcrec-admin .nav-link .badge-count {
  display: none;
}

:root.sidebar-collapsed .jcrec-admin .nav-link.active {
  background: transparent;
}

:root.sidebar-collapsed .jcrec-admin .nav-link:hover i {
  background: #eaf5fb;
  color: var(--bu-primary);
}

:root.sidebar-collapsed .jcrec-admin .nav-link.active i {
  background: var(--bu-primary);
  color: #fff;
  opacity: 1;
  transform: none;
  box-shadow: none;
}

:root.sidebar-collapsed .jcrec-admin .nav-link.active::before {
  display: none;
}

:root.sidebar-collapsed .jcrec-admin .nav-item-dashboard-pinned {
  top: 0;
  margin-top: 0;
}

:root.sidebar-collapsed .jcrec-admin .sidebar-scroll {
  padding-right: 6px;
}