/* stylelint-disable docusaurus/copyright-header */
/**
 * 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.
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #176edb;
  --ifm-color-primary-dark: #1563c5;
  --ifm-color-primary-darker: #145dba;
  --ifm-color-primary-darkest: #104d99;
  --ifm-color-primary-light: #227ae8;
  --ifm-color-primary-lighter: #2d81e9;
  --ifm-color-primary-lightest: #4e94ec;
  --ifm-code-font-size: 95%;
}

main {
  padding-top: calc(var(--ifm-spacing-horizontal)*2);
}

main>div {
  max-width: calc(var(--ifm-container-width) - var(--doc-sidebar-width)) !important;
}

.badge {
  display: none;
}

.navbar {
  background-image: url('../img/background8.png');
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px 0px, rgba(0, 0, 0, 0.16) 0px 0px 0px 1px;

  --ifm-navbar-link-color: #f0f2fa;

  // This makes the searchbar looks like in the dark mode.
  --docsearch-text-color: #fff;
  --docsearch-muted-color: rgb(164, 166, 168);
  --docsearch-container-background: rgba(47, 55, 69, 0.7);

  --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, 0.3);

  --docsearch-searchbox-background: var(--ifm-background-color);
  --docsearch-searchbox-focus-background: var(--ifm-color-black);

  // --ifm-navbar-background-color: #1b7cf2;
}

/*
 * Main navbar
 */
.navbar__link:hover,
.navbar__link--active {
  color: var(--ifm-navbar-link-color);
  background-color: #166ad0;
  border-radius: 3px;
}

.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

/*
 * Algolia search
 */

.DocSearch-Button:hover {
  background-color: #166ad0 !important;
}

.DocSearch-Button,
.DocSearch-Button-Key {
  color: var(--docsearch-text-color) !important;
}

/*
 * Docs sidebar
 */

:root {
  --doc-sidebar-width: 280px !important;
}

.menu {
  font-size: 0.85rem;
}

.menu>ul.menu__list>li.menu__list-item>div.menu__list-item-collapsible:hover {
  background: none;
}

.menu>ul.menu__list>li.menu__list-item>div.menu__list-item-collapsible>a.menu__link--sublist:first-child {
  cursor: default;
  margin-top: calc(var(--ifm-spacing-vertical) * 1.5);
  font-weight: bold;
  color: var(--custom-content-color-lightest);
  text-transform: uppercase;

  :hover {
    background: none !important;
  }
}

.menu .menu__link.menu__link--sublist::after {
  background: none;
}