/* color definitions: https://github.com/squidfunk/mkdocs-material/blob/master/src/templates/assets/stylesheets/main/_colors.scss */

/* these colors apply to 'slate' theme as it is a 'built-in' one */
:root {
  --md-primary-bg-color: #111317;
  --md-typeset-a-color: #f47003;
}

[data-md-color-scheme='custom-light'] {
  --md-primary-bg-color: white;
  /* --md-primary-bg-color--light: green; */

  --md-primary-fg-color: #161616;
  /* --md-primary-fg-color: #2a2e3a; */
  --md-primary-fg-color-light: white;
  --md-primary-fg-color-dark: #1d262f;

  /* --md-primary-bg-color: #1d262f; */
  /* --md-primary-bg-color--light: yellow; */

  --md-typeset-a-color: #f47003;

  /* hover */
  --md-accent-fg-color: #f47003;
}

/* must be slate */
[data-md-color-scheme='slate'] {
  --md-primary-bg-color: white;

  --md-primary-fg-color: #161616;
  --md-default-fg-color--light: var(--md-default-fg-color);
  /* --md-primary-fg-color: #2a2e3a; */

  --md-typeset-a-color: #ff9b00;

  /* hover */
  --md-accent-fg-color: #f47003;

  /* table borders  */
  --md-typeset-table-color: #8c8e95;
}

.md-search__form {
  border-radius: 16px;
  /* border: 1px solid #3d444d; */
  border: 1px solid #8c8e95;
}

.md-tabs {
  /* also the footer bg color */
  /* background-color: #17181e; */
  /* background-color: #2a2e3a; */
  /* background-color: #262c36; */
  background-color: #262c36;
}

/* .md-search__input,
.md-search__output,
.md-search__form {
  border-radius: 16px;
} */

@media (prefers-color-scheme: dark) {
  .md-button {
    color: rgba(226, 228, 233, 0.82) !important;
    border: 0.1rem #161616 solid !important;
  }
}

.explicit-col-width th:nth-child(1) {
  width: 17%;
}
.explicit-col-width th:nth-child(2) {
  width: 20%;
}
.explicit-col-width th:nth-child(3) {
  width: 15%;
}

.support-btn {
  font-size: 0.7rem;
  color: black;
  min-width: 75px;
  padding: 3px 10px;
  height: auto;
  width: auto;
  /* static light theme link color  */
  background-color: #ff9b00;
  border-radius: 12px;
}

.forum-btn {
  font-size: 0.7rem;
  color: #fff;
  min-width: 5px;
  padding: 3px 10px;
  margin-right: 8px;
  height: auto;
  width: auto;
  border: #ff9b00 solid 1.3px;
  border-radius: 12px;
}

/* Center Markdown Tables (requires md_in_html extension) */
.center-table {
  text-align: center;
}

.md-typeset .center-table :is(td, th):not([align]) {
  /* Reset alignment for table cells */
  text-align: initial;
}

.md-typeset h1 {
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 1em;
}

.md-typeset h2 {
  color: var(--md-default-fg-color--light);
  font-size: 1.7em;
  font-weight: 400;
}

/* Hide elements on mobile devices */
@media screen and (max-width: 768px) {
  .md-hide-mobile {
    display: none !important;
  }
}