/* ==========================================================================
   E-Library Dedicated Styles
   ========================================================================== */
/* E-Library Page Header Starry Banner */
.library-header {
  /* background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%); */
  background-image: url("../images/slide1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.library-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgb(29 8 8 / 57%), rgb(0 0 0 / 57%));
  z-index: 1;
}

/* Keep content above the mask */
.library-header > * {
  position: relative;
  z-index: 2;
}
.library-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                    radial-gradient(circle at 75% 40%, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                    radial-gradient(circle at 50% 80%, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 100px 100px;
  opacity: 0.75;
  z-index: 1;
}
/* E-Library category filter list styling */
.category-filter-list .list-group-item {
  color: var(--primary-navy);
  font-weight: 500;
  border-bottom: 1px solid var(--border-light) !important;
  transition: all 0.2s ease;
  cursor: pointer;
  background-color: transparent;
}
.category-filter-list .list-group-item:hover {
  background-color: #f1f5f9;
  color: var(--accent-gold);
}
.category-filter-list .list-group-item.active {
  background-color: var(--primary-navy) !important;
  color: #ffffff !important;
  border-left: 4px solid var(--accent-gold) !important;
}
.category-filter-list .list-group-item.active .badge {
  background-color: var(--accent-gold) !important;
  color: #ffffff !important;
}