/* ==========================
   Custom Theme Overrides
   ========================== */

/* Override Material theme colors */
:root {
  --md-primary-fg-color: #2866a0; /* Primary blue (used in content links) */
  --md-accent-fg-color: #eeb22c; /* Accent gold */
}

/* Base text */
.md-typeset {
  font-size: 1.1rem;
  color: #ffffff; /* White text */
}

/* Headings */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: #eeb22c; /* Yellow headings */
  font-weight: 600;
}

.md-typeset h1 {
  font-size: 2.2rem;
}
.md-typeset h2 {
  font-size: 1.8rem;
}

/* ==========================
   Navigation (Sidebar + TOC)
   ========================== */

/* Main sidebar links */
.md-nav__link {
  font-size: 1.05rem;
  font-weight: 500;
  display: block;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
  color: #eeb22c !important; /* Yellow links */
}

/* Hover effect */
.md-nav__link:hover {
  background-color: rgba(238, 178, 44, 0.15); /* Subtle gold highlight */
}

/* Active (selected) link style */
.md-nav__link--active {
  background-color: rgba(238, 178, 44, 0.25); /* Stronger gold highlight */
  font-weight: 600;
  color: #eeb22c !important; /* Keep text yellow */
}

/* --- Table of Contents (right sidebar) --- */
.md-nav--secondary .md-nav__link {
  font-size: 0.85rem;
  font-weight: 400;
  opacity: 0.85;
  color: #eeb22c !important; /* Yellow in TOC as well */
}

.md-nav--secondary .md-nav__link:hover {
  opacity: 1;
  color: #ffffff !important; /* White on hover for contrast */
}

/* ==========================
   Header Title (top left)
   ========================== */
.md-header__title {
  font-size: 1.4rem; /* default ~1.1rem */
  font-weight: 600; /* bolder */
}

/* ==========================
   Navigation Tabs (top menu)
   ========================== */
.md-tabs__link {
  font-size: 1.05rem; /* slightly larger than default */
  font-weight: 500;
  padding: 0.6em 1.2em; /* adds more breathing room */
}

/* Active tab */
.md-tabs__link--active {
  color: #eeb22c !important; /* highlight active tab in yellow */
  font-weight: 600;
}

/* ==========================
   Fix header cutoff issue
   ========================== */

/* Increase header bar height */
.md-header {
  min-height: 40px; /* default ~56px */
}

/* Adjust title alignment */
.md-header__title {
  line-height: 45px; /* match new height */
}

/* Adjust navigation tabs */
.md-tabs {
  height: 90px; /* taller tab bar */
}
.md-tabs__link {
  line-height: 37px; /* vertically center text */
  padding: 0 1.2em; /* spacing */
}
.md-header__button.md-logo img {
  height: 90px; /* adjust size */
  width: auto;
}