/**
 * @file
 * Sidebar navigation custom styles.
 * Moves borders from nav[role="navigation"] to .navigation wrapper.
 * Adds sticky positioning for sidebar navigation.
 */

/* Remove border-top, border, and padding-top from nav element */
.sidebar-first nav[role="navigation"],
.sidebar-second nav[role="navigation"] {
  border-top: none;
  border: none;
  padding-top: 0;
}

/* Add border-top and border to .navigation wrapper */
.sidebar-first .navigation,
.sidebar-second .navigation {
  border-top: 5px solid #00c24e !important;
  border: 1px solid #b9f0cd;
}

/* Add padding around the h5 navigation title */
.sidebar-first .navigation h5,
.sidebar-second .navigation h5 {
  padding: 15px;
}

/* Add decorative line after h5 title */
.sidebar-first h5::after,
.sidebar-second h5::after {
  content: " ";
  display: block;
  width: 30px;
  height: 4px;
  background-color: #00c24e;
  margin-top: 20px;
}

/* Add decorative line after h3 block-title */
.sidebar-first h3.block-title::after,
.sidebar-first .block-title::after {
  content: " " !important;
  display: block !important;
  width: 30px !important;
  height: 4px !important;
  background-color: #00c24e !important;
  margin-top: 20px !important;
}

/* Make the sidebar sticky container sticky */
.sidebar-first .sidebar-sticky-container,
.sidebar-second .sidebar-sticky-container {
  position: sticky;
  top: 20px;
  transition: top 0.3s ease;
  z-index: 1;
  align-self: flex-start;
}

/* Add top margin when scrolling */
.sidebar-first .sidebar-sticky-container.is-scrolling,
.sidebar-second .sidebar-sticky-container.is-scrolling {
  top: 40px;
}

/* Navigation blocks inside container - no sticky needed */
.sidebar-first .navigation,
.sidebar-second .navigation {
  background-color: #fff;
  margin-bottom: 20px;
}

/* Ensure smooth scrolling behavior */
html {
  scroll-behavior: smooth;
}

/* Remove border-bottom from sidebar navigation items */
.sidebar-second li.nav-item {
  border-bottom: none !important;
}

.sidebar-first li.nav-item {
  border-bottom: none !important;
}

/* Responsive: Disable sticky on mobile and tablet */
@media (max-width: 991px) {
  .sidebar-first .sidebar-sticky-container,
  .sidebar-second .sidebar-sticky-container {
    position: static;
  }
}
/* Global decorative line for all sidebar block titles */
.sidebar-first .block h3.block-title::after,
.sidebar-first .block .block-title::after,
aside.sidebar-first h3.block-title::after,
aside.sidebar-first .block-title::after {
  content: " " !important;
  display: block !important;
  width: 30px !important;
  height: 4px !important;
  background-color: #00c24e !important;
  margin-top: 20px !important;
}

/* Add border-bottom to sidebar navigation links */
.sidebar-second a.nav-link {
  border-bottom: 1px solid #e9ecef !important;
}