/* ─── NotaryDash Light Mode ─── */
/* Brand: Navy #26436D + Gold #E8B931 + Blue #3598DC */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #26436D;
  --md-primary-fg-color--light: #3598DC;
  --md-primary-fg-color--dark: #242F40;
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: #D4A828;
  --md-default-bg-color: #E2F1FF;
  --md-default-fg-color: #333333;
  --md-default-fg-color--light: #636B6F;
  --md-default-fg-color--lighter: #C2CAD8;
  --md-typeset-color: #333333;
  --md-typeset-a-color: #26436D;
  --md-code-bg-color: #F5F5F5;
}

/* Card backgrounds on light blue body */
[data-md-color-scheme="default"] .md-main {
  background: #E2F1FF;
}

[data-md-color-scheme="default"] .md-content {
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

[data-md-color-scheme="default"] .md-sidebar {
  background: transparent;
}

/* Nav link active state — gold accent */
[data-md-color-scheme="default"] .md-nav__link--active {
  color: #26436D;
  font-weight: 600;
}

/* Tabs bar */
[data-md-color-scheme="default"] .md-tabs {
  background: #242F40;
}

/* Active tab — gold underline */
[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link:hover {
  border-bottom: 2px solid #E8B931;
}

/* Links hover to gold */
[data-md-color-scheme="default"] .md-typeset a:hover {
  color: #D4A828;
}

/* Search bar border */
[data-md-color-scheme="default"] .md-search__input {
  border: 1px solid #C2CAD8;
}

/* Grid cards on landing page */
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li {
  background: #FFFFFF;
  border: 1px solid #C2CAD8;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li:hover {
  box-shadow: 0 2px 8px rgba(38, 67, 109, 0.15);
  border-color: #E8B931;
}

/* Card icon color — gold */
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li .twemoji,
[data-md-color-scheme="default"] .md-typeset .grid.cards > ul > li .md-icon {
  color: #D4A828;
}

/* Admonition tweaks */
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset details {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* Footer */
[data-md-color-scheme="default"] .md-footer {
  background: #242F40;
}

/* ─── Needs verification marker ─── */
.needs-verify {
  color: #c0392b;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

[data-md-color-scheme="slate"] .needs-verify {
  color: #ff6b5b;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* ─── Still Need Help CTA ─── */
.help-cta {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  background: #26436D;
  border-radius: 8px;
  padding: 1.1rem 1.4rem;
  margin-top: 2rem;
  color: #ffffff;
}

.help-cta .help-cta__text {
  flex: 1;
  font-size: 0.95rem;
  color: #ffffff;
  margin: 0;
}

.help-cta .help-cta__text strong {
  display: block;
  font-size: 1.05rem;
  margin-bottom: 0.2rem;
  color: #ffffff;
}

.help-cta a.help-cta__btn {
  display: inline-block;
  background: #E8B931;
  color: #1a1a1a !important;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.55rem 1.2rem;
  border-radius: 5px;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
}

.help-cta a.help-cta__btn:hover {
  background: #D4A828;
  color: #1a1a1a !important;
}

/* ─── Mermaid node text color fix ─── */
/* Override the CSS variable Material uses for node label text so classDef colors win */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-mermaid-node-fg-color: #ffffff;
  --md-mermaid-label-fg-color: #ffffff;
}

/* Brute-force: unset the var so color falls back to the inherited classDef value */
[id^="__mermaid_"] .nodeLabel p {
  color: unset !important;
}

/* Header search icon and toggle — gold on hover */
[data-md-color-scheme="default"] .md-header__button:hover {
  color: #E8B931;
}

/* ─── NotaryDash Dark Mode ─── */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #3598DC;
  --md-primary-fg-color--light: #408EFF;
  --md-primary-fg-color--dark: #26436D;
  --md-accent-fg-color: #E8B931;
  --md-default-bg-color: #1a1f2e;
  --md-default-fg-color: #dde1e8;
  --md-default-fg-color--light: #a0a8b4;
  --md-typeset-a-color: #408EFF;
}

[data-md-color-scheme="slate"] .md-tabs {
  background: #141821;
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  border-bottom: 2px solid #E8B931;
}

[data-md-color-scheme="slate"] .md-header {
  background: #1e2536;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #E8B931;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li {
  border: 1px solid #2a3244;
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li:hover {
  border-color: #E8B931;
  box-shadow: 0 2px 8px rgba(232, 185, 49, 0.15);
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li .twemoji,
[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li .md-icon {
  color: #E8B931;
}

[data-md-color-scheme="slate"] .md-header__button:hover {
  color: #E8B931;
}

[data-md-color-scheme="slate"] .md-footer {
  background: #141821;
}