/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #2e8555;
  --ifm-color-primary-dark: #29784c;
  --ifm-color-primary-darker: #277148;
  --ifm-color-primary-darkest: #205d3b;
  --ifm-color-primary-light: #33925d;
  --ifm-color-primary-lighter: #359962;
  --ifm-color-primary-lightest: #3cad6e;
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* Active sidebar item: green background + white text */
.menu__link--active:not(.menu__link--sublist) {
  background-color: var(--ifm-color-primary) !important;
  color: #fff !important;
  border-radius: 4px;
}
.menu__link--active:not(.menu__link--sublist):hover {
  background-color: var(--ifm-color-primary-dark) !important;
  color: #fff !important;
}

/* Right-side TOC: single scrollbar on the wrapper only */
.theme-doc-toc-desktop {
  position: sticky;
  top: calc(var(--ifm-navbar-height) + 1rem);
  max-height: calc(100vh - var(--ifm-navbar-height) - 2rem);
  overflow-y: auto;
}
.table-of-contents {
  overflow-y: visible; /* no inner scrollbar */
}

/* Active TOC item: green background + white text */
.table-of-contents__link--active {
  background-color: var(--ifm-color-primary) !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 2px 6px;
}
.table-of-contents__link--active:hover {
  background-color: var(--ifm-color-primary-dark) !important;
  color: #fff !important;
}

/* DocSearch: single-line — method left, class right */
.DocSearch-Hit-content-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 8px !important;
}
.DocSearch-Hit-title {
  font-size: 16px !important;
  flex-shrink: 0;
  white-space: nowrap;
}
.DocSearch-Hit-path {
  font-size: 16px !important;
  color: #888 !important;
  white-space: nowrap;
  text-align: right !important;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Highlight matching text in search results */
.DocSearch-Hit-title mark,
.DocSearch-Hit-path mark {
  background-color: var(--ifm-color-primary) !important;
  color: #fff !important;
  padding: 1px 3px;
  border-radius: 2px;
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #25c2a0;
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}
