/*
 * Elliermar DocFX brand theme
 * Matches the landing page color scheme (#F38A23 primary orange).
 */

/* ── Light-theme variables ─────────────────────────────────── */
:root,
[data-bs-theme="light"] {
  --bs-link-color-rgb: 243, 138, 35;           /* #F38A23 */
  --bs-link-hover-color-rgb: 255, 179, 102;    /* #FFB366 */

  /* DocFX modern-template specific tokens */
  --bs-primary: #F38A23;
  --bs-primary-rgb: 243, 138, 35;
}

/* ── Dark-theme variables ──────────────────────────────────── */
[data-bs-theme="dark"] {
  --bs-link-color-rgb: 255, 179, 102;          /* #FFB366 */
  --bs-link-hover-color-rgb: 243, 138, 35;     /* #F38A23 */
  --bs-primary: #FFB366;
  --bs-primary-rgb: 255, 179, 102;
}

/* ── Links ─────────────────────────────────────────────────── */
a {
  color: #F38A23;
}
a:hover {
  color: #FFB366;
}
a:active {
  color: #E07B1F;
}

[data-bs-theme="dark"] a {
  color: #FFB366;
}
[data-bs-theme="dark"] a:hover {
  color: #F38A23;
}

/* ── Navbar ────────────────────────────────────────────────── */
header.bg-body {
  border-bottom-color: #F38A23 !important;
}

.navbar-brand img {
  height: 32px;
  width: auto;
}

/* ── Sidebar / TOC active state ────────────────────────────── */
.toc .nav-link.active,
.toc .nav-link:hover {
  color: #F38A23 !important;
  border-left-color: #F38A23 !important;
}

[data-bs-theme="dark"] .toc .nav-link.active,
[data-bs-theme="dark"] .toc .nav-link:hover {
  color: #FFB366 !important;
  border-left-color: #FFB366 !important;
}

/* ── Breadcrumb active ─────────────────────────────────────── */
.breadcrumb-item.active {
  color: #F38A23;
}

/* ── Buttons (search, toggles) ─────────────────────────────── */
.btn-primary,
.btn-primary:hover {
  background-color: #F38A23;
  border-color: #F38A23;
}
.btn-primary:hover {
  background-color: #E07B1F;
  border-color: #E07B1F;
}

/* ── Search highlight ──────────────────────────────────────── */
.search-results .sr-title:hover,
.search-results mark {
  color: #F38A23;
}

/* ── Footer is rendered by /shared-footer.js (styles included there) ── */

/* ── In-article headings accent ────────────────────────────── */
article h1,
article h2 {
  border-bottom: 2px solid #F38A23;
  padding-bottom: 0.3em;
}

/* ── Affix (right-side "In this article") active link ──────── */
#affix .nav-link.active {
  color: #F38A23 !important;
  border-left-color: #F38A23 !important;
}

/* ── Code block accent ─────────────────────────────────────── */
.hljs {
  border-left: 3px solid #F38A23;
}

/* ── Next/prev article links ───────────────────────────────── */
.next-article a {
  color: #F38A23;
}
.next-article a:hover {
  color: #FFB366;
}

/* TOC filter focus: avoid clipped Bootstrap glow artifacts in sticky sidebar */
.toc form.filter > input.form-control:focus {
  border-color: #F38A23;
  box-shadow: inset 0 0 0 1px rgba(243, 138, 35, 0.25);
}

[data-bs-theme="dark"] .toc form.filter > input.form-control:focus {
  border-color: #FFB366;
  box-shadow: inset 0 0 0 1px rgba(255, 179, 102, 0.35);
}