/*
 * Skycore theme for Material for MkDocs
 * Colors and typography are taken from www.skycore.com (Avada theme variables):
 *   primary      #1836bc   (--primary_color / menu hover)
 *   link         #0252d3   (--link_color)
 *   link hover   #0271e0   (--link_hover_color)
 *   button       #3455db   (--button_gradient_top_color)
 *   heading      #212934   (--h1_typography-color)
 *   body text    #4a4e57   (--body_typography-color)
 *   light bg     #f2f6fc   (--copyright_bg_color)
 *   font         Open Sans
 */

:root {
  --sc-blue-900: #1836bc;
  --sc-blue-700: #0252d3;
  --sc-blue-500: #0271e0;
  --sc-blue-400: #3455db;
  --sc-blue-300: #647cdb;
  --sc-ink: #212934;
  --sc-text: #4a4e57;
  --sc-bg-soft: #f2f6fc;
  --sc-bg-softer: #f9f9fb;
  --sc-border: #e2e2e2;
}

/* ---------- Light scheme ---------- */
[data-md-color-scheme="default"] {
  /* White header like www.skycore.com, blue accents */
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--light: #ffffff;
  --md-primary-fg-color--dark: #ffffff;
  --md-primary-bg-color: var(--sc-ink);
  --md-primary-bg-color--light: var(--sc-text);

  --md-accent-fg-color: var(--sc-blue-500);
  --md-accent-fg-color--transparent: rgba(2, 113, 224, 0.1);

  --md-default-fg-color: var(--sc-ink);
  --md-default-fg-color--light: var(--sc-text);
  --md-typeset-color: var(--sc-text);
  --md-typeset-a-color: var(--sc-blue-700);

  --md-code-bg-color: var(--sc-bg-soft);
  --md-footer-bg-color: var(--sc-ink);
  --md-footer-bg-color--dark: #161c24;
}

/* ---------- Dark scheme ---------- */
[data-md-color-scheme="slate"] {
  --md-hue: 222;
  --md-primary-fg-color: #141a2b;
  --md-primary-fg-color--light: #141a2b;
  --md-primary-fg-color--dark: #0f1422;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color: #6f8cff;
  --md-accent-fg-color--transparent: rgba(111, 140, 255, 0.1);
  --md-typeset-a-color: #7f9bff;
  --md-default-bg-color: #0f1422;
  --md-code-bg-color: #182038;
}

/* ---------- Header & tabs ---------- */
.md-header {
  box-shadow: 0 1px 0 var(--sc-border);
}
[data-md-color-scheme="slate"] .md-header {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
}
@media screen and (min-width: 76.25em) {
  .md-header__button.md-logo {
    display: flex;
    align-items: center;
    margin: 0 0.2rem 0 0;
    padding: 0.4rem 0;
  }
}
.md-header__button.md-logo img {
  display: block;
  height: 1.6rem;
  width: auto;
}
.md-header__title {
  font-weight: 600;
}
.md-header__topic:first-child {
  font-weight: 600;
}

/* Swap logo for dark scheme */
.md-header__button.md-logo img.sc-logo--dark { display: none; }
[data-md-color-scheme="slate"] .md-header__button.md-logo img.sc-logo--light { display: none; }
[data-md-color-scheme="slate"] .md-header__button.md-logo img.sc-logo--dark { display: block; }

.md-tabs {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  border-bottom: 1px solid var(--sc-border);
}
[data-md-color-scheme="slate"] .md-tabs {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.md-tabs__link {
  font-size: 0.72rem;
  font-weight: 600;
  opacity: 0.8;
}
.md-tabs__item--active .md-tabs__link,
.md-tabs__link:hover {
  color: var(--sc-blue-700);
  opacity: 1;
}
[data-md-color-scheme="slate"] .md-tabs__item--active .md-tabs__link,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #ffffff;
}
.md-tabs__item--active {
  box-shadow: inset 0 -3px 0 var(--sc-blue-700);
}

/* Search field on white header */
[data-md-color-scheme="default"] .md-search__form {
  background-color: var(--sc-bg-soft);
}
[data-md-color-scheme="default"] .md-search__form:hover {
  background-color: #e8eef9;
}
[data-md-color-scheme="default"] .md-search__input::placeholder,
[data-md-color-scheme="default"] .md-search__icon {
  color: var(--sc-text);
}

/* ---------- Typography ---------- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  color: var(--md-default-fg-color);
  font-weight: 700;
  letter-spacing: -0.01em;
}
.md-typeset h1 { font-size: 1.9em; margin-bottom: 0.8em; }
.md-typeset h2 {
  padding-top: 0.6em;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset h1 + h2,
.md-typeset .admonition + h2 { border-top: none; padding-top: 0; }
.md-typeset a:hover { color: var(--sc-blue-500); }

/* Sidebar navigation */
.md-nav__item--section > .md-nav__link {
  color: var(--md-default-fg-color);
  font-weight: 700;
}
.md-nav__link--active {
  font-weight: 600;
}

/* ---------- Tables (parameter tables) ---------- */
.md-typeset table:not([class]) {
  font-size: 0.72rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
}
@media screen and (min-width: 60em) {
  .md-typeset table:not([class]) { display: table; width: 100%; }
}
.md-typeset table:not([class]) td:last-child { min-width: 14rem; }
.md-typeset table:not([class]) th {
  background-color: var(--sc-bg-soft);
  color: var(--md-default-fg-color);
  font-weight: 700;
  white-space: nowrap;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: #182038;
}
.md-typeset table:not([class]) td:first-child {
  font-family: var(--md-code-font-family);
  font-size: 0.68rem;
  color: var(--md-default-fg-color);
  white-space: nowrap;
}

/* ---------- Code ---------- */
.md-typeset pre > code {
  border-radius: 6px;
  border: 1px solid var(--md-default-fg-color--lightest);
}

/* ---------- Buttons ---------- */
.md-typeset .md-button {
  border-radius: 999px;
  font-weight: 600;
  color: var(--sc-blue-400);
  border-color: var(--sc-blue-400);
}
.md-typeset .md-button--primary {
  background-color: var(--sc-blue-400);
  border-color: var(--sc-blue-400);
  color: #ffffff;
}
.md-typeset .md-button:hover,
.md-typeset .md-button--primary:hover {
  background-color: var(--sc-blue-300);
  border-color: var(--sc-blue-300);
  color: #ffffff;
}

/* ---------- Home page hero ---------- */
.sc-hero {
  margin: 0 0 2rem;
  padding: 2.8rem 2rem 2.4rem;
  background: linear-gradient(135deg, var(--sc-blue-900) 0%, var(--sc-blue-400) 100%);
  color: #ffffff;
  border-radius: 12px;
}
.md-typeset .sc-hero h1 {
  color: #ffffff;
  font-size: 2.2rem;
  margin: 0 0 0.6rem;
}
.sc-hero p {
  font-size: 0.95rem;
  max-width: 38rem;
  opacity: 0.92;
}
.md-typeset .sc-hero .md-button {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.7);
  margin: 0.4rem 0.4rem 0 0;
}
.md-typeset .sc-hero .md-button--primary {
  background-color: #ffffff;
  color: var(--sc-blue-900);
  border-color: #ffffff;
}
.md-typeset .sc-hero .md-button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.md-typeset .sc-hero .md-button--primary:hover {
  background-color: #e8eef9;
  color: var(--sc-blue-900);
}

@media screen and (max-width: 44.9375em) {
  .sc-hero { padding: 1.8rem 1.2rem 1.6rem; }
  .md-typeset .sc-hero h1 { font-size: 1.6rem; }
  .md-typeset .sc-hero .md-button { display: block; text-align: center; margin: 0.6rem 0 0; }
}

/* Grid cards */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid > .card {
  border-radius: 10px;
  border-color: var(--md-default-fg-color--lightest);
  transition: box-shadow 0.2s, border-color 0.2s, transform 0.2s;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid > .card:hover {
  border-color: var(--sc-blue-500);
  box-shadow: 0 6px 20px rgba(24, 54, 188, 0.12);
  transform: translateY(-1px);
}
.md-typeset .grid.cards .lg { color: var(--sc-blue-700); }

/* Badges */
.sc-badge {
  display: inline-block;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  vertical-align: middle;
  background: var(--sc-bg-soft);
  color: var(--sc-blue-900);
  border: 1px solid rgba(24, 54, 188, 0.25);
}
.sc-badge--current { background: #e6f6ec; color: #1b7a3d; border-color: #b7e3c6; }
.sc-badge--legacy { background: #fff4e5; color: #9a5b00; border-color: #f5d4a3; }
.sc-badge--soon { background: #f1ecff; color: #5b36c9; border-color: #d6c9ff; }

/* Footer */
.md-footer-meta a { color: rgba(255, 255, 255, 0.8); }
.md-footer-meta a:hover { color: #ffffff; }

/* Header title: the logo already says "Skycore", so show "Developers" next to it */
.md-header__title .md-header__topic:first-child .md-ellipsis {
  font-size: 0;
}
.md-header__title .md-header__topic:first-child .md-ellipsis::after {
  content: "Developers";
  font-size: 0.9rem;
  font-weight: 600;
  padding-left: 0.6rem;
  border-left: 1px solid var(--md-default-fg-color--lighter);
}

@media screen and (max-width: 76.1875em) {
  .md-header__title .md-header__topic:first-child .md-ellipsis::after { border-left: none; padding-left: 0; }
}