/* ============================================================
   Lenzeye Technologies — MkDocs Theme Override
   Colors sourced from common.css (Lenzeye_Deployment)
   Navy: #1a2238 / #0d1331  |  Gold: #ffd700  |  White: #fff
   ============================================================ */

:root {
  --navy:       #1a2238;
  --navy-dark:  #0d1331;
  --gold:       #ffd700;
  --gold-light: #fff8dc;
  --white:      #ffffff;
}

/* ---------- Global Background & Text ---------- */
body,
[data-md-color-scheme="default"] {
  --md-default-bg-color:          #0d1331;
  --md-default-fg-color:          #ffffff;
  --md-default-fg-color--light:   #fff8dc;
  --md-default-fg-color--lighter: rgba(255,255,255,0.6);
}

/* ---------- Primary (nav header bar) ---------- */
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0d1331;
  --md-primary-fg-color--light: #1a2238;
  --md-primary-bg-color:        #ffd700;
}

/* ---------- Accent (links, highlights) ---------- */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #ffd700;
}

/* ---------- Main content area ---------- */
.md-main {
  background: linear-gradient(135deg, #0d1331 0%, #1a2238 100%);
}

.md-content {
  background: transparent;
}

/* ---------- Headings → Gold ---------- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--gold) !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  color: var(--gold-light) !important;
}

/* ---------- Body text → White ---------- */
.md-typeset p,
.md-typeset li,
.md-typeset td,
.md-typeset th,
.md-typeset blockquote {
  color: var(--white) !important;
}

/* ---------- Links → Gold ---------- */
.md-typeset a {
  color: var(--gold) !important;
}

.md-typeset a:hover {
  color: var(--gold-light) !important;
  text-decoration: underline;
}

/* ---------- Navigation sidebar ---------- */
.md-nav {
  background: #0d1331;
}

.md-nav__title {
  color: var(--gold) !important;
  background: #0d1331;
}

.md-nav__item .md-nav__link {
  color: var(--white) !important;
}

.md-nav__item .md-nav__link:hover,
.md-nav__item .md-nav__link--active {
  color: var(--gold) !important;
}

/* ---------- Top navigation tabs ---------- */
.md-tabs {
  background: #0d1331;
  border-bottom: 1px solid rgba(255, 215, 0, 0.2);
}

.md-tabs__link {
  color: var(--gold-light) !important;
  opacity: 1;
}

.md-tabs__link:hover,
.md-tabs__link--active {
  color: var(--gold) !important;
  border-bottom: 2px solid var(--gold);
}

/* ---------- Header bar ---------- */
.md-header {
  background: #0d1331;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.md-header__title {
  color: var(--gold) !important;
  font-weight: 700;
}

.md-header__button {
  color: var(--gold) !important;
}

/* ---------- Search ---------- */
.md-search__form {
  background: rgba(255, 215, 0, 0.08);
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 6px;
}

.md-search__input {
  color: var(--white) !important;
}

.md-search__input::placeholder {
  color: rgba(255,255,255,0.5) !important;
}

/* ---------- Footer ---------- */
.md-footer {
  background: #0d1331;
  border-top: 1px solid rgba(255, 215, 0, 0.15);
}

.md-footer-meta {
  background: #0d1331;
}

.md-footer__link,
.md-footer-meta__inner a {
  color: var(--gold-light) !important;
}

/* ---------- Code blocks ---------- */
.md-typeset code {
  background: rgba(255, 215, 0, 0.1);
  color: var(--gold) !important;
  border-radius: 4px;
  padding: 2px 6px;
}

.md-typeset pre > code {
  background: #0a0f24;
  color: var(--gold-light) !important;
  padding: 0;
}

.md-typeset pre {
  background: #0a0f24;
  border: 1px solid rgba(255, 215, 0, 0.2);
  border-radius: 8px;
}

/* ---------- Tables ---------- */
.md-typeset table:not([class]) {
  border: 1px solid rgba(255, 215, 0, 0.25);
  border-radius: 8px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background: rgba(255, 215, 0, 0.15);
  color: var(--gold) !important;
  font-weight: 700;
}

.md-typeset table:not([class]) tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

.md-typeset table:not([class]) td {
  border-top: 1px solid rgba(255, 215, 0, 0.12);
}

/* ---------- Admonitions ---------- */
.md-typeset .admonition,
.md-typeset details {
  background: rgba(255, 215, 0, 0.05);
  border-left: 4px solid var(--gold);
  border-radius: 6px;
}

.md-typeset .admonition-title,
.md-typeset summary {
  background: rgba(255, 215, 0, 0.12);
  color: var(--gold) !important;
}

/* ---------- TOC (Table of Contents) ---------- */
.md-nav--secondary .md-nav__link {
  color: rgba(255,255,255,0.7) !important;
}

.md-nav--secondary .md-nav__link:hover,
.md-nav--secondary .md-nav__link--active {
  color: var(--gold) !important;
}

/* ---------- Mermaid Diagrams — Black & White ---------- */
.mermaid,
.mermaid svg {
  background: #ffffff !important;
  border-radius: 10px;
  padding: 16px;
  max-width: 100%;
}

/* Node rectangles */
.mermaid .node rect,
.mermaid .node polygon,
.mermaid .node circle,
.mermaid .node ellipse {
  fill: #ffffff !important;
  stroke: #111111 !important;
  stroke-width: 2px !important;
}

/* Node label text */
.mermaid .node .label,
.mermaid .node text,
.mermaid span.edgeLabel,
.mermaid .edgeLabel,
.mermaid .cluster-label text {
  color: #111111 !important;
  fill: #111111 !important;
  font-size: 14px !important;
  font-family: 'Segoe UI', Arial, sans-serif !important;
}

/* Edges / arrows */
.mermaid .edgePath .path,
.mermaid .flowchart-link {
  stroke: #111111 !important;
  stroke-width: 2px !important;
}

.mermaid .arrowheadPath {
  fill: #111111 !important;
  stroke: #111111 !important;
}

/* Decision diamond */
.mermaid .node.default > rect,
.mermaid .node.default > polygon {
  fill: #f5f5f5 !important;
  stroke: #111111 !important;
}

/* Edge label background */
.mermaid .edgeLabel .label rect {
  fill: #ffffff !important;
  stroke: none !important;
}

/* Override any dark theme injected by MkDocs Material */
.mermaid [class*="label"] {
  color: #111111 !important;
  fill: #111111 !important;
}

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0d1331; }
::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold); }

/* ---------- Logo ---------- */
.md-header__button.md-logo img {
  border-radius: 6px;
  height: 32px;
  width: auto;
}

/* ---------- Collapsible Nav Sections ---------- */
.md-nav__item--section > .md-nav__link {
  color: var(--gold) !important;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 8px 12px 4px;
  border-bottom: 1px solid rgba(255, 215, 0, 0.15);
  margin-bottom: 2px;
}

.md-nav__item--section > .md-nav__link::after {
  color: var(--gold) !important;
}

/* Collapsed state — child nav hidden by default (MkDocs handles toggle) */
.md-nav__item--nested > .md-nav__link {
  color: var(--gold-light) !important;
  font-weight: 600;
  font-size: 0.82rem;
}

.md-nav__item--nested > .md-nav__link:hover {
  color: var(--gold) !important;
}

/* Toggle arrow color */
.md-nav__icon {
  color: var(--gold) !important;
}

/* Child items indent */
.md-nav__item .md-nav .md-nav__link {
  color: rgba(255,255,255,0.8) !important;
  font-size: 0.8rem;
  padding-left: 16px;
}

.md-nav__item .md-nav .md-nav__link:hover,
.md-nav__item .md-nav .md-nav__link--active {
  color: var(--gold) !important;
}

/* ---------- Mobile Responsive ---------- */
@media screen and (max-width: 76.1875em) {
  /* Mobile nav drawer background */
  .md-nav--primary .md-nav__title {
    background: #0d1331;
    color: var(--gold) !important;
  }

  .md-nav--primary {
    background: #0d1331;
  }

  /* Mobile hamburger icon */
  .md-header__button[for="__drawer"] {
    color: var(--gold) !important;
  }

  /* Ensure content readable on small screens */
  .md-typeset h1 { font-size: 1.6rem; }
  .md-typeset h2 { font-size: 1.3rem; }
  .md-typeset h3 { font-size: 1.1rem; }
  .md-typeset p  { font-size: 0.95rem; }
}

@media screen and (max-width: 44.9375em) {
  /* Small phones */
  .md-typeset h1 { font-size: 1.3rem; }
  .md-typeset table:not([class]) { display: block; overflow-x: auto; }
}