@import url(https://fonts.googleapis.com/css?family=DM+Sans);
@import url(https://fonts.googleapis.com/css?family=Fira+Code);

/* Fonts */
body {
  --md-text-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --md-code-font-family: "Fira Code";
}

/* Add code ligatures */
.md-typeset code,
.md-typeset kbd,
.md-typeset pre {
  font-variant-ligatures: normal;
}

.md-header--shadow,
.md-tabs {
  backdrop-filter: blur(10px);
  background-color: rgba(38,38,38,0.95);
  box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
}

.md-header {
  backdrop-filter: blur(10px);
  background-color: rgba(38,38,38,0.95);
}

.md-footer {
  display: none;
  visibility: hidden;
}

.md-header__source {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Stylized github button in nav bar */
.md-source {
  border-radius: 15px;
  background-image: linear-gradient(130deg, #0546AD 0%, #8A2BE2 100%);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}

/* Stylized card grids
See https://squidfunk.github.io/mkdocs-material/reference/grids/#using-card-grids
*/
.md-typeset .grid.cards > ol > li,
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border: none;
  background-color: #fff;
  border-radius: 24px;
  padding: 30px;
  box-shadow: none!important;
}

/* Rounded blockquotes */
.md-typeset blockquote {
  background-color: #fff;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
}

[data-md-component="search"].md-search {
  --md-accent-fg-color: #a47bea;
}

/* Rounded search bar */
header > nav > div.md-search  {
  & form{
    border-radius: 99999px;
  }

  .md-search__output {
    border-radius: 0 0 20px 20px;
  }
}

/* Navigation toc section tweaks */
nav.md-nav {
  /* Slightly bigger section names */
  .md-nav__item--section>.md-nav__link {
    font-size: 110%;
  }
}

/* Authors list */
.authors-list, .authors-list .authors-chip {
  display: inline-flex; 
  align-items: center; 
  gap: 0.3rem;
}

/* Mobile tweaks */
@media screen and (max-width: 59.9844em) {
  .md-nav__source {
    padding: 10px .2rem;
    background: none;
  }

  .md-header,
  .md-header--shadow {
    backdrop-filter: none;
  }

  [data-md-component="content"].md-content {
    h1,
    h2,
    h3,
    h4 {
      text-align: center;
    }
  }
}

/* Color scheme tweaks */
@media screen {
  [data-md-color-scheme=default] {
    --md-default-bg-color: #f0f0f0;
  }

  [data-md-color-scheme=slate] {
    --md-default-bg-color: #1c1c1c;
  }

  [data-md-color-scheme=slate] .md-typeset .grid.cards > ol > li,
  [data-md-color-scheme=slate] .md-typeset .grid.cards > ul > li,
  [data-md-color-scheme=slate] .md-typeset .grid > .card {
    background-color: #00000066;
  }

  [data-md-color-scheme=slate] .md-typeset blockquote {
    background-color: #00000066;
  }
}
