/* Minimal, theme-aware tweaks: only color and small spacing */

/* Light sidebar: darker labels */
body:not([data-sidebar="dark"]) .vertical-menu #sidebar-menu a {
  color: #111 !important;
  font-weight: 600;
  font-size: 13px;
}

/* Dark sidebar: lighter labels */
body[data-sidebar="dark"] .vertical-menu #sidebar-menu a {
  color: #e9ecf1 !important;
  font-weight: 600;
  font-size: 13px;
}

/* Small, consistent padding without changing layout */
.vertical-menu #sidebar-menu li > a {
  padding: 9px 12px;
  margin: 2px 8px;
  border-radius: 10px; /* subtle only */
}

/* Icons follow text color, no size changes */
.vertical-menu #sidebar-menu i { color: currentColor !important; }
.vertical-menu svg.feather { stroke: currentColor !important; }

/* Subtle background for hover/active (theme-aware) */
/* Opaque backgrounds (no transparency) for clear selection */
body:not([data-sidebar="dark"]) .vertical-menu #sidebar-menu li > a:hover {
  background: #edf0f5 !important; /* light solid */
}
body:not([data-sidebar="dark"]) .vertical-menu #sidebar-menu .mm-active > a {
  background: #e5e9f0 !important; /* light solid active */
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu li > a:hover {
  background: #2a2f49 !important; /* dark solid */
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu .mm-active > a {
  background: #1b1f36 !important; /* dark solid active */
}

/* Collapsed: keep a tiny hover background behind the icon */
/* Collapsed: solid hover backgrounds */
body.vertical-collapsed:not([data-sidebar="dark"]) .vertical-menu #sidebar-menu li > a:hover {
  background: #e9ecff !important;
}
body.vertical-collapsed[data-sidebar="dark"] .vertical-menu #sidebar-menu li > a:hover {
  background: #2a2f49 !important;
}

/* When menu is collapsed remove extra margin around anchors */
body.vertical-collapsed .vertical-menu #sidebar-menu li > a {
  margin: 0 !important;
}

/* Horizontal layout adjustments */
/* Ensure full-width content and avoid overlap with the topnav below the fixed topbar */
body[data-layout="horizontal"] .main-content { margin-left: 0 !important; }
body[data-layout="horizontal"] .footer { left: 0 !important; }
body[data-layout="horizontal"] #custom-topnav {
  position: sticky; /* stays below topbar when scrolling */
  top: var(--topbar-offset, 64px); /* JS sets the exact height */
  margin-top: 20px;    /* no extra gap; JS sets exact offset */
  z-index: 1053;
  background: var(--bs-body-bg);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Remove side gutters for a true full-width look when horizontal */
body[data-layout="horizontal"] .page-content {
  /* remove any top offset (margin/padding) and side gutters */
  margin-top: 0 !important;
  /* push content below the horizontal topnav */
  padding-top: calc(var(--topnav-height, 56px) + 12px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body[data-layout="horizontal"] .page-content .container-fluid,
body[data-layout="horizontal"] #custom-topnav .container-fluid,
body[data-layout="horizontal"] .footer .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make footer span full width in horizontal layout */
body[data-layout="horizontal"] .footer {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}

/* Make topbar appear as one continuous bar in horizontal */
body[data-layout="horizontal"] .navbar-brand-box {
  width: auto !important;
  border-right: 0 !important;
  background: transparent !important;
}
body[data-layout="horizontal"] #vertical-menu-btn { display: none !important; }

/* Horizontal: widen layout containers on xl+ screens */
@media (min-width: 1200px) {
  body[data-layout="horizontal"] .container-fluid,
  body[data-layout="horizontal"] .navbar-header {
    max-width: 98% !important;
  }
}

/* Horizontal nav: tighter link padding */
body[data-layout="horizontal"] .topnav .navbar-nav .nav-link {
  padding: 7px 12px !important;
}

/* Ensure dropdowns overlay page content properly */
body[data-layout="horizontal"] .topnav .dropdown-menu {
  z-index: 1060;
}

/* Link color harmony */
body[data-layout="horizontal"] .topnav .nav-link { color: inherit; font-weight: 600; }
body[data-layout="horizontal"][data-bs-theme="dark"] .topnav { background: #15182a; border-color: #2a2f49; }

/* Flatten nav chips: remove backgrounds/shadows so it matches standard horizontal UI */
body[data-layout="horizontal"] .topnav .nav-link,
body[data-layout="horizontal"] .topnav .dropdown-toggle {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 8px;
}
body[data-layout="horizontal"] .topnav .nav-link:hover,
body[data-layout="horizontal"] .topnav .dropdown-toggle:hover {
  background: rgba(81,86,190,.08) !important; /* subtle theme tint */
}
body[data-layout="horizontal"][data-bs-theme="dark"] .topnav .nav-link:hover,
body[data-layout="horizontal"][data-bs-theme="dark"] .topnav .dropdown-toggle:hover {
  background: rgba(255,255,255,.06) !important;
}