/* overrides using https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */
/* matching colors from https://minimals.cc/components/foundation/colors */

[data-md-color-scheme="default"] {
  /* Colors */
  /* Grey[800] */
  --md-primary-fg-color: rgba(33, 43, 54, 1);
  --md-footer-bg-color--dark: var(--md-primary-fg-color);
  /* Primary - Main */
  --md-typeset-a-color: rgba(0, 167, 111, 1);
  /* Primary - Dark */
  --md-accent-fg-color: rgba(0, 120, 103, 1);
}

[data-md-color-scheme="slate"] {
  /* --md-hue: 210; */
  /* Colors */
  /* Grey[800] */
  --md-primary-fg-color: rgba(33, 43, 54, 1);
  --md-footer-bg-color--dark: var(--md-primary-fg-color);
  /* Primary - Main */
  --md-typeset-a-color: rgba(0, 167, 111, 1);
  /* Primary - Dark */
  --md-accent-fg-color: rgba(0, 120, 103, 1);
  /* Grey[900] */
  --md-default-bg-color: rgba(22, 28, 36, 1);
  /* White */
  --md-primary-bg-color: rgba(255, 255, 255, 1);
  /* White */
  --md-default-fg-color--light: rgba(255, 255, 255, 1);
  /* Grey[600] */
  --bd-secondary-bg-color: rgba(42, 43, 50, 1);

  /* Override code syntax highlighting */
  /* Palette: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss#L90C1-L102C74 */
  --md-code-hl-comment-color: rgb(117, 117, 117, 1);

  .md-nav__link--passed {
    color: rgba(255, 255, 255, 0.5);
  }

  .md-nav__link--active {
    color: var(--md-typeset-a-color);
  }

  .tabbed-labels > label {
    color: rgba(255, 255, 255, 0.6);
  }

  /* Customize callout boxes (aka admonitions) */
  .md-typeset .admonition.note,
  .md-typeset details.note {
    border: 1px solid var(--bd-secondary-bg-color);
  }

  /* Customize all images */
  .md-typeset img {
    border: 1px solid var(--bd-secondary-bg-color);
    border-radius: 8px;
  }

  .md-button {
    border-radius: 8px;
  }

  .quickstart-button {
    width: 318px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .quickstart-button span:nth-child(2) {
    margin-left: auto;
  }
}

.md-content__inner > h1:first-of-type:not(.bd-page-heading) {
  anchor-name: --document-title;
}

.bd__markdown__btn {
  position: absolute;
  position-anchor: --document-title;
  right: anchor(right);
  align-self: anchor-center;
  font-size: 0.7rem;
}

@media (max-width: 600px) {
  .bd__markdown__btn {
    font-size: 0.6rem;
    right: auto;
    left: anchor(left);
    top: anchor(bottom);
  }
}

.md-search__form {
  border-radius: 20px;
}

.md-search__icon[for="__search"] {
  transform: scale(0.68); /* Roughly 18px */
}

.proto-type {
  .proto-type-dot {
    display: none;
    font-style: normal;
  }

  .proto-type-part {
    display: none;
    font-style: normal;

    &:last-of-type {
      display: inline;
    }
  }
}

.section-indent {
  margin-left: 21px;
}

.proto-fields-table {
  display: "inline-block";
  & table td:first-of-type {
    font-family: var(--md-code-font-family);
    font-size: 0.9em;
    line-height: 1.8;
  }

  & .proto-field-annotation {
    display: block;
    line-height: 1.5;
  }
}

.proto-field-annotation, .proto-enum {
  font-size: 0.8em;
  font-style: normal;
  color: color-mix(in srgb, var(--md-typeset-color) 63.5%, transparent);
}

.proto-service-table {
  display: inline-block;

  &, & .md-typeset__table, & table {
    width: 100%;
  }

  & table {
    display: grid !important;
    grid-template-columns: auto auto;

    & thead, & tbody, & tr {
      grid-column: span 2;
      display: grid;
      grid-template-columns: subgrid;
    }
  }
}

.h4 {
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 1em 0;
}