/**
 * 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.
 */

@font-face {
  font-family: 'Inter';
  src: url('/font/Inter.ttf');
}

@font-face {
  font-family: 'AzeretMono';
  src: url('/font/AzeretMono.ttf');
}

/* You can override the default Infima variables here. */
:root {
  --ifm-font-family-base: 'Inter';
  --ifm-font-family-monospace: 'AzeretMono';
  --ifm-heading-font-family: 'Inter';
  --ifm-heading-font-weight: bold;
  --ifm-line-height-base: 1.5;
  --ifm-color-primary: #5e33ff;
  --ifm-color-primary-transparency-10: #5e33ff10;
  --ifm-color-primary-transparency-20: #5e33ff20;
  --ifm-color-primary-dark: #4614ff;
  --ifm-color-primary-darker: #3a05ff;
  --ifm-color-primary-darkest: #2d00d6;
  --ifm-color-primary-light: #7652ff;
  --ifm-color-primary-lighter: #8261ff;
  --ifm-color-primary-lightest: #a68fff;
  --ifm-color-highlight: #00000010;
  --ifm-color-highlight-light: #00000005;
  --ifm-background-color: #ffffff;
  --ifm-code-font-size: 85%;
  --docusaurus-highlighted-code-line-bg: var(--ifm-color-highlight);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #a384ff;
  --ifm-color-primary-transparency-10: #a384ff10;
  --ifm-color-primary-transparency-20: #a384ff20;
  --ifm-color-primary-dark: #865dff;
  --ifm-color-primary-darker: #784aff;
  --ifm-color-primary-darkest: #4c10ff;
  --ifm-color-primary-light: #c0abff;
  --ifm-color-primary-lighter: #cebeff;
  --ifm-color-primary-lightest: #faf8ff;
  --ifm-color-highlight: #ffffff10;
  --ifm-color-highlight-light: #ffffff05;
  --ifm-background-color: #1b1725 !important; /* Otherwise they are overwritten by html[data-theme='dark'] */
  --ifm-background-surface-color: #32324a !important; /* Otherwise they are overwritten by html[data-theme='dark'] */
  --docusaurus-highlighted-code-line-bg: var(--ifm-color-highlight);
}

.footer--dark {
  --ifm-footer-background-color: #32324a;
}

.markdown h1:first-child {
  --ifm-h1-font-size: 2em;
}

.markdown h2 {
  --ifm-h2-font-size: 1.5rem
}

/* Custom title format */
.navbar__title {
  font-family: 'Inter';
  font-weight: lighter;
  font-size: x-large;
}

/* Custom menu format */
.menu {
  font-weight: var(--ifm-font-weight-regular);
}

/* Style ordered list markers */
ol>li::marker {
  color: var(--ifm-color-primary);
  font-weight: bold;
}

/* Hack to avoid "C++" to be broken by CSS rules */
th {
  white-space: nowrap;
}

/* https://docusaurus.io/docs/markdown-features/assets#github-style-themed-images */
[data-theme='light'] img[src$='#gh-dark-mode-only'],
[data-theme='dark'] img[src$='#gh-light-mode-only'] {
  display: none;
}

/* Align copyright message to the left */
.footer__copyright {
  text-align: left;
}

/* Collapse all icons on the second col (community) */
.footer__col:nth-child(2) ul {
  display: flex;
  gap: 1rem;
}

/* Resize footer icons */
.footer__col:nth-child(2) svg {
  width: 1.5em;
  height: 1.5em;
}

/** Customize DataTables' components so they fit best the Docusaurus style **/

/* There are multiple `!important` usages to ensure the default style of
   components is overriden where needed */

/* Filter buttons, Search box, Table */
button.dt-button, .dt-search, table.dataTable {
  color: var(--ifm-font-color-base);
  font-family: var(--ifm-font-family-base);
}

/* Filter buttons */
button.dt-button {
  background: none !important;
  border-color: var(--ifm-color-primary) !important;
  border-radius: 0.25rem !important;
  border-width: 0px 0px 0.25rem 0px !important;
  opacity: 0.50;
}

button.dt-button:hover {
  opacity: 1.00;
}

button.dt-button-clicked {
  background: var(--ifm-color-highlight) !important;
  opacity: 1.00;
}

/* Search box */
.dt-search input {
  background-color: var(--ifm-color-highlight) !important;
  border: 0px !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem !important;
}

/* Search box - Text */
.dt-search input, .dt-search input::placeholder {
  font-family: var(--ifm-font-family-base);
}

/* Table - Borders */
table.dataTable th, table.dataTable td, table.dataTable tr:last-child {
  border: 1px solid var(--ifm-color-highlight) !important;
}

/* Table header - Color */
table.dataTable thead th {
  background-color: var(--ifm-color-primary-transparency-20);
}

/* Table rows - Stripe */
table.dataTable tbody tr:nth-child(even) {
  background-color: var(--ifm-color-primary-transparency-10);
}

/* Table rows - Hover */
table.dataTable tbody tr:hover {
  background-color: var(--ifm-color-highlight-light);
}

/* Class to hide a directoy or document from the sidebar */
.sidebar_hidden {
  display: none !important;
}
