/**
 * Sidenav overrides (LTR) - doctor sidebar customization
 * Custom styles that override app.css (Adminto theme).
 * Do not modify app.css; these overrides survive theme updates.
 */

/* === General sidebar === */
.menu-text {
  font-family: "DM Sans", system-ui, sans-serif;
}

/* Center hamburger icon inside sidebar toggle circle when sidebar is expanded (default) */
html:not([data-sidenav-size=full]) .sidenav-menu .sidenav-toggle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sidenav-menu .sidenav-toggle-button i {
  line-height: 1;
  margin: 0;
}
.side-nav-link:hover {
  background: rgba(0, 217, 192, 0.06);
}

/* === AXIVIS doctor sidebar design === */
.sidenav-axivis .side-nav .side-nav-title {
  color: rgba(184, 206, 216, 0.4) !important;
  margin-top: 1.25rem;
  overflow: hidden;
  min-width: 0;
  /* Match AxivisTerminal: align title with nav items (15px vs theme's 26px) */
  padding-left: 15px;
  padding-right: 15px;
  /* AxivisTerminal: label + horizontal divider line */
  display: flex !important;
  align-items: center;
}
/* Horizontal divider after section label text — matches AxivisTerminal */
.sidenav-axivis .side-nav .side-nav-title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #181F28;
  margin-left: 8px;
  margin-right: 0;
  display: block;
}
.sidenav-axivis .side-nav .side-nav-title:first-child {
  margin-top: 0;
}
/* Truncate long section titles with ellipsis; full text shows on hover via tooltip */
/* Allow hover for tooltips (theme sets pointer-events: none on .side-nav-title) */
.sidenav-axivis .side-nav .side-nav-title .side-nav-title-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  pointer-events: auto;
}
.sidenav-axivis .side-nav .side-nav-link,
.sidenav-axivis .side-nav .side-nav-link .menu-icon,
.sidenav-axivis .side-nav .side-nav-link .menu-icon i {
  color: rgba(184, 206, 216, 0.6) !important;
}
.sidenav-axivis .side-nav .side-nav-link:hover,
.sidenav-axivis .side-nav .side-nav-link:hover .menu-icon,
.sidenav-axivis .side-nav .side-nav-link:hover .menu-icon i {
  color: #F0F4F6 !important;
}
.sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link,
.sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link .menu-icon,
.sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link .menu-icon i {
  color: #00D9C0 !important;
}
/* Active item: left accent border — matches AxivisTerminal borderLeft style */
.sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link {
  border-left: 2px solid #00D9C0 !important;
}
/* Non-active items: transparent left border to prevent layout shift */
.sidenav-axivis .side-nav > .side-nav-item:not(.active) > .side-nav-link {
  border-left: 2px solid transparent;
}

/* Active dot: small teal circle at the right end of the active item */
.sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link::after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #00D9C0;
  flex-shrink: 0;
  margin-left: auto;
}
/* Condensed: hide dot (icon-only view) */
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link::after {
  display: none;
}
/* Expanded: avatar is NOT the trigger — disable pointer events so only ⋯ opens the menu */
html:not([data-sidenav-size=condensed]) .sidenav-axivis .sidenav-profile-avatar-trigger {
  pointer-events: none;
  cursor: default !important;
}

/* Condensed: avatar only — hide name/subtitle and ⋯, center the circle */
html[data-sidenav-size=condensed] .sidenav-axivis .sidenav-profile-text,
html[data-sidenav-size=condensed] .sidenav-axivis .sidenav-profile-menu {
  display: none !important;
}
html[data-sidenav-size=condensed] .sidenav-axivis .sidenav-profile-row {
  justify-content: center;
  padding: 12px 8px;
  gap: 0;
}
/* Truncate long menu text with ellipsis */
.sidenav-axivis .side-nav .side-nav-link {
  min-width: 0;
  overflow: hidden;
}
.sidenav-axivis .side-nav .side-nav-link .menu-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* Hide tooltips in expanded sidebar — labels are already visible */
html:not([data-sidenav-size=condensed]) .tooltip.sidenav-tooltip {
  display: none !important;
}

/* Sidebar tooltip: dark theme styling */
.sidenav-tooltip .tooltip-inner {
  background-color: #111820 !important;
  color: #B8CED8 !important;
  border: 1px solid #202C38 !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.04em;
  padding: 4px 10px;
  border-radius: 3px;
}
.sidenav-tooltip .tooltip-arrow {
  display: none !important;
}

/* === Condensed sidebar === */
html[data-sidenav-size=condensed] .sidenav-axivis .logo,
html[data-sidenav-size=condensed] .sidenav-axivis .button-sm-hover {
  display: none !important;
}
html[data-sidenav-size=condensed] .sidenav-axivis .sidenav-toggle-button {
  top: 18px !important;
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #B8CED8 !important;
}

/* Remove black hover expansion — keep only Bootstrap tooltip */
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav .side-nav-item:hover .side-nav-link .menu-text,
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav .side-nav-item:hover .side-nav-link .menu-arrow,
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav .side-nav-item:hover .side-nav-link .badge {
  display: none !important;
}
/* Never expand sidebar link on hover, focus, or when tab is selected (active) */
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item:hover > .side-nav-link,
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item:focus-within > .side-nav-link,
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link {
  width: auto !important;
}

/* Thin grey separators between sections */
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav .side-nav-title {
  display: block !important;
  height: 0;
  padding: 0;
  margin: 1rem 8px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  border-top: 1px solid #181F28;
}
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav .side-nav-title:first-child {
  margin-top: 0;
  border-top: none;
}

/* Active item hovered — keep icon bright */
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link:hover .menu-icon,
html[data-sidenav-size=condensed] .sidenav-axivis .side-nav > .side-nav-item.active > .side-nav-link:hover .menu-icon i {
  color: #F0F4F6 !important;
}

/* Fix sidebar scrolling with page (theme sets position:absolute) */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .sidenav-menu {
  position: fixed !important;
}
/* Restore simplebar scrolling (theme sets overflow:visible for hover submenus we don't use) */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .sidenav-menu .simplebar-mask {
  overflow: hidden !important;
}
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .sidenav-menu .simplebar-content-wrapper {
  overflow: hidden auto !important;
}

/* Hide topbar toggle when condensed; show sidebar toggle instead */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .app-topbar .sidenav-toggle-button {
  display: none !important;
}
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .sidenav-menu .sidenav-toggle-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
/* Doctor sidebar: toggle button size */
html[data-sidenav-size=condensed]:not([data-layout=topnav]) .sidenav-axivis .sidenav-toggle-button {
  top: 18px;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  height: 34px;
  width: 34px;
  margin-bottom: 8px;
}

/* === AXIVIS status bar offset (26px) ===
   Prevent the fixed sidebar and page content from sliding behind the bottom status bar. */
.sidenav-menu {
  bottom: 26px !important;
}
.page-content {
  padding-bottom: 26px;
}