/* APbase docs theme polish. Keep links clickable without the default blue UI. */
/* Declare on body so Furo's body variables cannot override inherited values. */
body,
body[data-theme] {
  --apbase-link-color: #000000;
  --color-brand-primary: var(--apbase-link-color);
  --color-brand-content: var(--apbase-link-color);
  --color-brand-visited: var(--apbase-link-color);
  --color-link: var(--apbase-link-color);
  --color-link--visited: var(--apbase-link-color);
  --color-link--hover: var(--apbase-link-color);
  --color-link--visited--hover: var(--apbase-link-color);
  --color-sidebar-link-text: var(--apbase-link-color);
  --color-sidebar-link-text--top-level: var(--apbase-link-color);
  --color-sidebar-search-text: var(--apbase-link-color);
  --color-toc-item-text--active: var(--apbase-link-color);
  --sd-color-tabs-label-active: var(--apbase-link-color);
  --sd-color-tabs-underline-active: var(--apbase-link-color);
}

@media not print {
  body[data-theme="dark"] {
    --apbase-link-color: #ffffff;
  }

  @media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) {
      --apbase-link-color: #ffffff;
    }
  }
}

.sidebar-brand {
  padding-top: 1.25rem;
  align-items: center;
  text-align: center;
}

.sidebar-logo {
  display: block;
  max-height: 112px;
  width: auto;
  margin: 0 auto 0.65rem;
  border-radius: 6px;
}

.sidebar-brand-text {
  color: var(--color-sidebar-link-text--top-level);
  font-weight: 650;
}

.sidebar-package-version {
  padding: 1rem;
  text-align: center;
}

.sidebar-package-version img {
  max-width: 100%;
  vertical-align: middle;
}

a,
a:visited,
.sidebar-tree .reference,
.sidebar-tree .icon,
.sidebar-tree .toctree-l1 > .reference,
.sidebar-tree .current > .reference,
.sidebar-tree .current-page > .reference,
.toc-tree a,
.toc-tree a.reference,
.toc-tree li.scroll-current > .reference,
.content a,
.article-container a {
  color: var(--color-link);
  text-decoration-color: color-mix(in srgb, var(--color-link) 35%, transparent);
}

a:hover,
.sidebar-tree .reference:hover,
.toc-tree a:hover,
.content a:hover,
.article-container a:hover {
  color: var(--color-link--hover);
  text-decoration-color: currentColor;
}

.toc-tree li.current > a,
.toc-tree li.current-page > a,
.toc-tree li.scroll-current > .reference {
  color: var(--color-link--hover);
  font-weight: 650;
}

.sd-tab-set > input:checked + label,
.sd-tab-set > input:checked + label:hover {
  color: var(--color-link--hover) !important;
  border-color: var(--color-link--hover) !important;
}