/*
 * Baylor Scott & White brand theme for the BSW.DevSpark documentation site.
 * Overrides the docfx "modern" (Bootstrap-based) template tokens with the
 * BSW deep-blue palette. Original styling only — no BSW trademarked logo assets.
 */

:root,
[data-bs-theme="light"] {
  --bsw-navy: #00205b;
  --bsw-blue: #003da5;
  --bsw-accent: #0072ce;

  --bs-primary: #003da5;
  --bs-primary-rgb: 0, 61, 165;
  --bs-link-color: #003da5;
  --bs-link-color-rgb: 0, 61, 165;
  --bs-link-hover-color: #0072ce;
  --bs-link-hover-color-rgb: 0, 114, 206;
}

[data-bs-theme="dark"] {
  --bsw-navy: #001a47;
  --bsw-blue: #4a90e2;
  --bsw-accent: #6aa9ee;

  --bs-primary: #4a90e2;
  --bs-link-color: #6aa9ee;
  --bs-link-hover-color: #9cc6f5;
}

/* Top navigation bar in BSW navy with an accent rule */
.navbar {
  background-color: var(--bsw-navy) !important;
  border-bottom: 3px solid var(--bsw-accent);
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-brand:hover {
  color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: #cfe0f7 !important;
}

/* The search box on the navy bar */
.navbar form input {
  background-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.25);
}

.navbar form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

/* Links + headings in brand colors */
a {
  color: var(--bs-link-color);
}

a:hover {
  color: var(--bs-link-hover-color);
}

article h1,
article h2,
article h3,
article h4 {
  color: var(--bsw-navy);
}

[data-bs-theme="dark"] article h1,
[data-bs-theme="dark"] article h2,
[data-bs-theme="dark"] article h3,
[data-bs-theme="dark"] article h4 {
  color: inherit;
}

/* Primary buttons / CTAs */
.btn-primary {
  --bs-btn-bg: var(--bsw-blue);
  --bs-btn-border-color: var(--bsw-blue);
  --bs-btn-hover-bg: var(--bsw-navy);
  --bs-btn-hover-border-color: var(--bsw-navy);
  --bs-btn-active-bg: var(--bsw-navy);
  --bs-btn-active-border-color: var(--bsw-navy);
}

/* Active items in the left TOC and right affix rail */
.toc .nav > li.active > a,
.toc .nav > li > a.active {
  color: var(--bsw-blue) !important;
}

.affix ul > li.active > a {
  color: var(--bsw-blue);
  border-left: 2px solid var(--bsw-blue);
}

/* Blockquote callouts pick up the brand accent */
blockquote {
  border-left: 4px solid var(--bsw-accent);
  background: rgba(0, 61, 165, 0.045);
  padding: 0.85rem 1.1rem;
  border-radius: 0 10px 10px 0;
}

[data-bs-theme="dark"] blockquote {
  background: rgba(106, 169, 238, 0.08);
}

/* Hero stat band */
.bsw-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1.75rem 0 2rem;
}

.bsw-stat {
  flex: 1 1 150px;
  background: linear-gradient(155deg, var(--bsw-navy), var(--bsw-blue));
  color: #ffffff;
  border-radius: 14px;
  padding: 1.1rem 1.2rem;
  box-shadow: 0 6px 18px rgba(0, 32, 91, 0.22);
}

.bsw-stat-num {
  display: block;
  font-size: 2.1rem;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.01em;
}

.bsw-stat-label {
  display: block;
  font-size: 0.82rem;
  line-height: 1.25;
  opacity: 0.92;
  margin-top: 0.4rem;
}

/* Rendered mermaid diagrams sit on a clean card */
.mermaid {
  background: #ffffff;
  border: 1px solid rgba(0, 32, 91, 0.12);
  border-radius: 12px;
  padding: 1rem;
  margin: 1rem 0 1.5rem;
}

/* Live "current release" pill (version injected from the manifest) */
.bsw-version-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(0, 61, 165, 0.08);
  color: var(--bsw-navy);
  border: 1px solid rgba(0, 61, 165, 0.25);
  border-radius: 999px;
  padding: 0.25rem 0.8rem;
  font-size: 0.85rem;
  margin: 0.25rem 0 0.75rem;
}

.bsw-version-pill strong {
  color: var(--bsw-blue);
  font-weight: 800;
}

[data-bs-theme="dark"] .bsw-version-pill {
  color: #cfe0f7;
  background: rgba(106, 169, 238, 0.12);
}