/**
 * Article Sidebar - Sticky sidebar for TOC / related / CTA widgets
 */

.article-sidebar,
.blog-sidebar,
[data-article-sidebar] {
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .article-sidebar,
  .blog-sidebar,
  [data-article-sidebar] {
    position: sticky;
    top: 100px;
    align-self: start;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding-right: 0.25rem;
  }

  /* Custom scrollbar */
  .article-sidebar::-webkit-scrollbar,
  .blog-sidebar::-webkit-scrollbar {
    width: 6px;
  }
  .article-sidebar::-webkit-scrollbar-thumb,
  .blog-sidebar::-webkit-scrollbar-thumb {
    background: rgba(30, 183, 230, 0.35);
    border-radius: 3px;
  }
  .article-sidebar::-webkit-scrollbar-thumb:hover,
  .blog-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--brand-primary, #1EB7E6);
  }
}

/* Sidebar widget container */
.sidebar-widget {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

.sidebar-widget-title {
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand-secondary, #004E89);
  margin: 0 0 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--brand-primary, #1EB7E6);
}

@media (max-width: 991.98px) {
  .article-sidebar,
  .blog-sidebar {
    margin-top: 2rem;
  }
}