/* Blog Index, Archive and Category Pages Styling */

/* Optimize image rendering on blog index */
.md-post--excerpt img {
  content-visibility: auto;
  will-change: auto;
}

/* Hide titles on pages that have blog post listings (index, archive, category pages) */
.md-content__inner > header.md-typeset > h1 {
  display: none !important;
}

/* Hide TOC completely on blog index, archive and category pages */
body:has(.md-post--excerpt) .md-sidebar--secondary,
body:has(.md-content__inner > header.md-typeset) .md-sidebar--secondary[data-md-type="toc"] {
  display: none !important;
}

/* Also hide TOC toggle/checkbox */
body:has(.md-post--excerpt) #__toc,
body:has(.md-post--excerpt) label[for="__toc"] {
  display: none !important;
}

/* LEFT SIDEBAR - Primary Navigation Styling for Blog Index, Archive, Category pages */

/* Main navigation titles - "Archive", "Categories" labels (these are the section headers) */
.md-sidebar--primary label.md-nav__title[for="__nav_1_2"],
.md-sidebar--primary label.md-nav__title[for="__nav_1_3"] {
  font-size: 0.7rem !important;
  font-family: var(--md-text-font-family) !important;
  font-weight: var(--post-sidebar-title-weight) !important;
  color: var(--md-default-fg-color) !important;
}

/* The clickable section labels for Archive and Categories */
.md-sidebar--primary label.md-nav__link[for="__nav_1_2"],
.md-sidebar--primary label.md-nav__link[for="__nav_1_3"] {
  font-size: 0.7rem !important;
  font-family: var(--md-text-font-family) !important;
  font-weight: var(--post-sidebar-title-weight) !important;
  color: var(--md-default-fg-color) !important;
}

/* All navigation items/links in left sidebar */
.md-sidebar--primary .md-nav__list .md-nav__link,
.md-sidebar--primary .md-nav__item .md-nav__link {
  font-size: var(--post-sidebar-item-font-size) !important;
  font-family: var(--md-text-font-family) !important;
  font-weight: var(--post-sidebar-item-weight) !important;
  color: var(--md-default-fg-color--light) !important;
}

/* Hover state for left sidebar links */
.md-sidebar--primary .md-nav__link:hover,
.md-sidebar--primary a.md-nav__link:hover {
  color: var(--md-accent-fg-color) !important;
}

/* Active/current page in left sidebar */
.md-sidebar--primary .md-nav__link--active,
.md-sidebar--primary a.md-nav__link--active,
.md-sidebar--primary .md-nav__item--active > .md-nav__link {
  color: var(--md-default-fg-color) !important;
  font-weight: 400 !important;
}

.md-sidebar--primary .md-nav__link--active:hover,
.md-sidebar--primary a.md-nav__link--active:hover,
.md-sidebar--primary .md-nav__item--active > .md-nav__link:hover {
  color: var(--md-accent-fg-color) !important;
}

/* RIGHT SIDEBAR - Secondary Navigation (if present) */
.md-sidebar--secondary .md-nav__title {
  font-size: 0.7rem !important;
  font-weight: var(--post-sidebar-title-weight) !important;
  color: var(--md-default-fg-color) !important;
}

.md-sidebar--secondary .md-nav__link {
  font-size: var(--post-sidebar-item-font-size) !important;
  font-weight: var(--post-sidebar-item-weight) !important;
  color: var(--md-default-fg-color--light) !important;
}

.md-sidebar--secondary .md-nav__link:hover {
  color: var(--md-accent-fg-color) !important;
}