@font-face {
  font-family: MDNichrome;
  font-weight: 700;
  src: url(/docs/en/_static/MDNichrome-Bold.woff);
}

@font-face {
  font-family: SanomatSansText;
  font-weight: normal;
  src: url(/docs/en/_static/SanomatSansText-Regular-Web.ttf);
}

body {
  font-family: SanomatSansText, sans-serif !important;
  font-weight: normal !important;
  font-feature-settings: "ss01" on, "ss03" on, "ss04" on, "ss05" on !important;
}

body[data-md-color-scheme="slate"] {
  --header: #5300C9;
  --background: #13091C;
  --md-footer-bg-color: #5300C9;
  --md-footer-bg-color--dark: #13091C;
  --md-footer-fg-color: #ffffff;
  --md-footer-fg-color--light: #ffffff9d;
  --md-footer-fg-color--lighter: #ffffff44;

  --content: #06020D;
  --text-primary: #EBEBEB;
  --code-block: #2B1E36;

  --md-primary-fg-color: #ae76ff;
  --md-accent-fg-color: #c197ff;
}

body[data-md-color-scheme="default"] {
  --header: #FFD62D;
  --background: #FAFAFA;

  --md-footer-bg-color: #FFD62D;
  --md-footer-bg-color--dark: #FAFAFA;

  --content: #FFFFFF;
  --text-primary: #1F1F1F;
  --md-primary-bg-color: #1F1F1F;
  --code-block: #F5F5F5;

  --md-primary-fg-color: #ff9234;
  --md-accent-fg-color: #ff4701;

  --md-footer-fg-color: #000000;
  --md-footer-fg-color--light: #000000ca;
  --md-footer-fg-color--lighter: #00000077;
}

iframe:focus {
  outline: none;
}

.md-header,
.md-hero {
  background-color: var(--header) !important;
}

.md-header__inner {
  padding: 0.4rem 0;
}

.md-main {
  background-color: var(--background) !important;
}

body[data-md-color-scheme="slate"] .md-header__button.md-logo {
  filter: brightness(11111) !important;
}

.md-typeset code,
.highlight span.filename,
dt.sig.sig-object {
  background-color: var(--code-block) !important;
}

dt.sig.sig-object {
  padding: 0.6rem 0.9rem !important;
  border-radius: 12px !important;
}

.highlight span.filename {
  border-top-right-radius: 12px !important;
  border-top-left-radius: 12px !important;
}

.md-typeset pre>code {
  border-bottom-right-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}


.md-content {
  background-color: var(--content);
  color: var(--text-primary);
}

.md-search__form {
    background-color: transparent;
    border: 1px solid var(--text-primary);
    border-radius: 1rem !important;
    height: 2rem;
}

.md-search__form:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.md-search__input::placeholder {
  color: var(--text-primary);
}

.md-search__icon[for=__search] {
  top: 0.35rem
}

.md-search__output {
    top: 2.1rem;
    right: 1rem;
    left: 1rem;
    width: auto !important;
}

.md-nav__title {
  box-shadow: none !important;
}

.md-main__inner {
  margin-top: 0;
  gap: 1.5rem;
}

.md-content__inner {
  margin: 2rem 3rem !important;
}

.md-grid {
  max-width: 70rem;
}

.md-nav__title {
  background: none !important;
}

.md-sidebar__scrollwrap {
  margin-top: 1rem;
}

h1 {
  font-family: MDNichrome !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  font-feature-settings: "cv01" on, "cv02" on, "cv11" on !important;
}

.md-footer__inner {
  background-color: var(--header) !important;
}

.md-footer-meta__inner {
  background-color: var(--background) !important;
}

.width-100 {
  width: 100%!important;
}

.docs-meta-switcher {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 1000;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.docs-dropdown {
  position: relative;
}

.docs-dropbtn {
  background: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 6px;
  padding: 0.4rem 0.6rem;
  cursor: pointer;
  font-weight: 600;
  min-width: 90px;
  text-align: left;
}

.docs-dropdown-content {
  display: none; /* hidden by default */
  position: absolute;
  left: 0;
  bottom: 2rem; /* dropdown expands upward */
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 6px;
  min-width: 90px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  padding: 0.25rem 0;
  list-style: none;
  margin: 0;
  z-index: 1001;
}

.docs-dropdown-content li {
  margin: 0;
}

.docs-dropdown-content li a {
  display: block;
  padding: 0.3rem 0.6rem;
  text-decoration: none;
  color: var(--md-default-fg-color);
}

.docs-dropdown-content li a.active {
  font-weight: 600;
}

.docs-dropdown-content li a:hover {
  background: var(--md-palette-light-primary-container);
}