/* Shared styles for right sidebar tabs and related visuals */

/* Sticky right sidebar on large screens */
@media (min-width: 992px) {
  .filter-sticky {
    position: sticky;
    top: 1rem;
  }
}

/* Ensure the list area has enough height so row action dropdowns are not cut off on short lists */
.collection-list-min-height {
  min-height: 18rem;
  /* ~288px provides space for dropdown menus */
}

/* Allow dropdown menus inside .table-responsive to overflow vertically on this page */
.collection-list-min-height .table-responsive {
  overflow-y: visible;
}

/* Sidebar tabs: improve visual appeal and mobile behavior */
.sidebar-tabs {
  gap: .5rem;
  flex-wrap: nowrap;
  /* keep tabs on one line */
  overflow-x: auto;
  /* allow horizontal scroll if needed */
  -webkit-overflow-scrolling: touch;
}

.sidebar-tabs .nav-link {
  border-radius: 999px;
  border: 1px solid var(--bs-border-color);
  font-weight: 500;
  padding: .25rem .75rem;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  white-space: nowrap;
  /* prevent label wrap inside buttons */
}

.sidebar-tabs .nav-link i {
  margin-right: .35rem;
}

.sidebar-tabs .nav-link:hover {
  color: var(--bs-primary);
  border-color: rgba(var(--bs-primary-rgb), .35);
  background-color: rgba(var(--bs-primary-rgb), .05);
}

.sidebar-tabs .nav-link.active {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.sidebar-tabs .nav-link:focus-visible {
  box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .25);
}

/* No media query needed: tabs never wrap; horizontal scroll is always allowed */

/* Learning materials visuals */
.resource-feature {
  background-color: rgba(var(--bs-primary-rgb), .05);
  border: 1px solid rgba(var(--bs-primary-rgb), .2);
}

.resource-thumb {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: .5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.resource-badges .badge {
  border: 1px solid rgba(var(--bs-primary-rgb), .25);
  background-color: rgba(var(--bs-primary-rgb), .08);
  color: var(--bs-primary);
  font-weight: 500;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}