/* Full-width content area */
.md-grid {
  max-width: 95%;
}

.md-main__inner {
  max-width: none;
}

/* Optional: Make content even wider */
.md-content {
  max-width: none;
}

/* Minimalistic color scheme - white, gray, black */
:root {
  --md-primary-fg-color: #ffffff;
  --md-primary-bg-color: #000000;
  --md-accent-fg-color: #6e6e6e;
}

/* Clean white backgrounds everywhere */
.md-main,
.md-nav,
.md-sidebar {
  background-color: #ffffff;
}

/* White header with no shadow, thin bottom border */
.md-header {
  background-color: #ffffff;
  color: #000000;
  box-shadow: none;
  border-bottom: 1px solid #e8e8e8;
}

/* Ensure site name is clickable and styled properly */
.md-header__button.md-logo,
.md-header__title {
  cursor: pointer;
}

/* Circular logo in header */
.md-header__button.md-logo img {
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
}

.md-header__title .md-header__ellipsis {
  color: #000000;
  text-decoration: none;
}

.md-header__title:hover .md-header__ellipsis {
  opacity: 0.7;
}

/* White search box */
.md-search__input {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  color: #000000;
}

.md-search__input::placeholder {
  color: #999999;
}

/* Sidebar with thin right border instead of gray background */
.md-sidebar--primary {
  border-right: 1px solid #e8e8e8;
}

.md-sidebar--secondary {
  border-left: 1px solid #e8e8e8;
}

/* Links in content - dark with subtle underline */
.md-typeset a {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #999999;
}

.md-typeset a:hover {
  color: #000000;
  text-decoration-color: #000000;
}

/* Code blocks with very subtle gray background */
.md-typeset code {
  background-color: #fafafa;
  color: #2c2c2c;
  border: 1px solid #f0f0f0;
}

.md-typeset pre > code {
  border: none;
}

/* Tables with thin borders */
.md-typeset table:not([class]) {
  border: 1px solid #e8e8e8;
}

.md-typeset table:not([class]) th {
  background-color: #ffffff;
  color: #2c2c2c;
  border-bottom: 1px solid #e8e8e8;
}

.md-typeset table:not([class]) td {
  border-top: 1px solid #f5f5f5;
}

/* Navigation items - white background with text-only hover */
.md-nav__item {
  background-color: #ffffff;
}

.md-nav__link {
  color: #666666;
  border-left: 2px solid transparent;
  padding-left: 0.6rem;
}

.md-nav__link:hover {
  background-color: #ffffff;
  color: #000000 !important;
}

/* Dropdown folders - same text color and white background */
.md-nav__item--nested > .md-nav__link,
.md-nav__title {
  color: #000000;
  background-color: #ffffff;
}

.md-nav__item--section > .md-nav__link {
  color: #000000;
  background-color: #ffffff;
}

/* Keep white background on hover */
.md-nav__item--nested > .md-nav__link:hover,
.md-nav__title:hover {
  background-color: #ffffff;
}

/* Active navigation item - bold black text with left border */
.md-nav__link--active {
  border-left-color: #000000;
  color: #000000 !important;
  font-weight: 500;
}

/* Active nav link in primary sidebar */
.md-nav__item .md-nav__link--active {
  background-color: #f5f5f5;
}

/* Current page in nav */
.md-nav__item--active > .md-nav__link {
  color: #000000;
  font-weight: 500;
}

/* Heading hierarchy - h1 darker than h2 */
.md-typeset h1 {
  color: #2c2c2c;
  font-weight: 400;
}

.md-typeset h2 {
  color: #666666;
  font-weight: 400;
}

.md-typeset h3 {
  color: #777777;
  font-weight: 400;
}

/* Minimal checkbox/task list styling - no loud colors */
.md-typeset .task-list-indicator::before {
  background-color: #ffffff !important;
  border-color: #999999 !important;
}

.md-typeset [type="checkbox"]:checked + .task-list-indicator::before {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* Replace sidebar title with "Navigate" instead of site name */
.md-nav--primary > .md-nav__title {
  font-size: 0;
}

.md-nav--primary > .md-nav__title::after {
  content: "Navigate";
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #999999;
}

/* Push nav title down to align with h1 */
.md-nav--primary > .md-nav__title {
  padding-top: 0.4rem;
}

/* Style the TOC (right sidebar) title to match */
.md-nav--secondary > .md-nav__title {
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #999999;
  padding-top: 0.4rem;
}

/* Hide the logo in mobile nav drawer - we use "Navigate" text instead */
.md-nav--primary > .md-nav__title .md-logo {
  display: none;
}

/* Reduce gap between header and content */
.md-main__inner {
  margin-top: 0;
  padding-top: 0;
}

.md-content {
  padding-top: 0.25rem;
}

/* Glossary tooltip - reduce delay */
.ezglossary-tooltip {
  transition-delay: 0s !important;
}

/* Alternative: if using tippy.js or similar */
[data-tippy-root] {
  transition-delay: 0s !important;
}

/* Muted footer copyright text */
.md-footer-meta,
.md-footer-meta .md-copyright {
  color: #666666 !important;
}

/* Sticky footer */
.md-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

/* Add padding to content so it doesn't get hidden behind sticky footer */
.md-content {
  padding-bottom: 80px;
}