/* Custom navigation styling for AICO docs - Purple/Gray Theme */

/* Hide the site name in the navigation */
.md-nav--primary .md-nav__title[for="__drawer"] {
  display: none;
}

/* Remove horizontal bar under site title */
.md-nav--primary .md-nav__title {
  border-bottom: none;
}

/* Update overall background colors */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f8f8fa; /* Very light purple-gray background */
  --md-default-bg-color--light: #f2f2f5;
  --md-primary-fg-color: #6a5acd; /* Slate blue */
  --md-accent-fg-color: #8a7ca8; /* Muted purple */
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #2a2a2e; /* Dark gray background */
  --md-default-bg-color--light: #35353a;
  --md-primary-fg-color: #b19cd9; /* Light purple */
  --md-accent-fg-color: #dda0dd; /* Plum */
}

/* Reduce spacing between nav items for better density */
.md-nav__item {
  margin: 2px 0;
}

/* Top-level navigation styling with purple/gray tones - no background */
[data-md-color-scheme="default"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  opacity: 1;
  transition: all 0.15s ease;
  font-weight: 500;
  color: #5a5a6a; /* Darker purple-gray for light mode */
  background-color: transparent; /* No background */
  border-radius: 4px;
  margin: 2px 0;
  padding: 8px 12px;
}

[data-md-color-scheme="default"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link:hover {
  color: #6a5acd; /* Slate blue hover */
  background-color: transparent; /* No background on hover */
}

[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  opacity: 1;
  transition: all 0.15s ease;
  font-weight: 500;
  color: #c8c8d0; /* Light gray for dark mode */
  background-color: transparent; /* No background */
  border-radius: 4px;
  margin: 2px 0;
  padding: 8px 12px;
}

[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link:hover {
  color: #b19cd9; /* Light purple hover */
  background-color: transparent; /* No background on hover */
}

/* Regular navigation links */
[data-md-color-scheme="default"] .md-nav__link {
  opacity: 1;
  transition: opacity 0.15s, color 0.15s;
  font-weight: 400;
  color: rgba(70, 70, 90, 0.9); /* Darker purple-gray for light mode */
}

[data-md-color-scheme="default"] .md-nav__link:hover {
  color: #6a5acd; /* Slate blue for light mode hover */
}

[data-md-color-scheme="slate"] .md-nav__link {
  opacity: 1;
  transition: opacity 0.15s, color 0.15s;
  font-weight: 400;
  color: rgba(220, 220, 240, 0.95); /* Light purple-gray for dark mode */
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #b19cd9; /* Light purple for dark mode hover */
}

/* Section headers with purple/gray tones */
[data-md-color-scheme="default"] .md-nav__title {
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: #7a6bb8; /* Muted purple for light mode */
  font-weight: 500;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(122, 107, 184, 0.25);
  margin-bottom: 4px;
}

[data-md-color-scheme="slate"] .md-nav__title {
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: #b19cd9; /* Light purple for dark mode */
  font-weight: 500;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(177, 156, 217, 0.25);
  margin-bottom: 4px;
}

/* Hover effects for regular nav items - no background */
[data-md-color-scheme="default"] .md-nav__link:hover {
  background-color: transparent;
  border-radius: 3px;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  background-color: transparent;
  border-radius: 3px;
}

/* Active item styling - only selected items get background */
[data-md-color-scheme="default"] .md-nav__link--active {
  font-weight: 500;
  color: #6a5acd !important;
  background-color: rgba(122, 107, 184, 0.15);
  border-radius: 3px;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  font-weight: 500;
  color: #dda0dd !important;
  background-color: rgba(177, 156, 217, 0.18);
  border-radius: 3px;
}

/* Child item indentation - remove vertical lines, use minimal spacing */
[data-md-color-scheme="default"] .md-nav__list .md-nav__list {
  margin-left: 0.8rem;
  padding-left: 0;
  border-left: none;
}

[data-md-color-scheme="slate"] .md-nav__list .md-nav__list {
  margin-left: 0.8rem;
  padding-left: 0;
  border-left: none;
}

/* Compact navigation */
.md-nav {
  font-size: 0.75rem;
  line-height: 1.4;
}

/* Smooth transitions */
.md-nav__list {
  transition: max-height 0.25s ease-in-out;
}

/* Fix Welcome page gap by removing extra padding */
.md-content__inner {
  padding-top: 1rem !important;
}

/* Remove extra margin from main content */
.md-main__inner {
  margin-top: 0 !important;
}