/*
Use Font Awesome 6 Brands on top of Read the Docs' version 4 to get up to date brand icons.
Remove once https://github.com/pydata/pydata-sphinx-theme/blob/102f741ae7568f3cbea28eae496169120c33c5ff/package.json#L31 is updated to Font Awesome 6.
*/
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fonts/fa-brands-400.woff2") format("woff2"),
    url("fonts/fa-brands-400.ttf") format("ttf");
}

i.fab {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
}

:root {
  --atoti-brand-color-light: 255, 91, 88;
  --atoti-brand-color: 227, 57, 53;
  --docsearch-primary-color: rgb(var(--atoti-brand-color-light));
  --pst-color-primary: var(--atoti-brand-color-light);
  --pst-color-active-navigation: var(--atoti-brand-color-light);
  --pst-color-inline-code: var(--atoti-brand-color-light);
}

.DocSearch-Button {
  margin: 0 0 0 0;
  width: 100%;
}

/* Unset properties set by the PyData theme on the `img, svg` selector. */
.DocSearch-Container svg {
  vertical-align: unset;
}

/* Unset properties set by the PyData theme on the `.mark, mark` selector. */
.DocSearch-Hits mark {
  padding: unset;
  background-color: unset;
}

.list-group-item.active {
  background-color: rgb(var(--atoti-brand-color-light));
  border-color: rgb(var(--atoti-brand-color));
}

#version_switcher_button {
  background-color: rgb(var(--atoti-brand-color-light));
  border-color: rgb(var(--atoti-brand-color));
}

#version_switcher_button.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgb(var(--atoti-brand-color-light));
}
