/* ==========================================================================
   0) GLOBAL
   ========================================================================== */

/* Сейчас правило пустое и не влияет ни на что.
   Если хочешь — допиши font-family, например: font-family: "Emoji", sans-serif; */
* {
  font-family:
}

/* ==========================================================================
   1) THEME: LIGHT (light-custom) — переменные Material (цветовая схема)
   ========================================================================== */

[data-md-color-scheme="light-custom"] {
  /* Основной фон страницы (ниже будет переопределён в transparent ради градиента) */
  --md-default-bg-color: #FFFFFF;

  /* Текст */
  --md-default-fg-color: #243B53;

  /* Шапка */
  --md-primary-fg-color: #CBD9EB;
  --md-primary-bg-color: #CBD9EB;

  /* Акценты */
  --md-accent-fg-color: #00ABE4;

  /* Футер */
  --md-footer-bg-color: #F5F9FD;
  --md-footer-fg-color: #666666;
}

/* ==========================================================================
   2) LIGHT: HEADER (шапка)
   ========================================================================== */

[data-md-color-scheme="light-custom"] .md-header {
  background-color: #CBD9EB !important;
}

/* Тёмный текст/иконки в шапке */
[data-md-color-scheme="light-custom"] .md-header,
[data-md-color-scheme="light-custom"] .md-header__title,
[data-md-color-scheme="light-custom"] .md-header__button {
  color: #1A1A1A !important;
}

/* ==========================================================================
   3) LIGHT: FOOTER (низ)
   ========================================================================== */

[data-md-color-scheme="light-custom"] .md-footer {
  background-color: #CBD9EB !important;
  color: #111827 !important;
}

/* ==========================================================================
   4) LIGHT: MAIN BACKGROUND (градиент страницы)
   ========================================================================== */

/* Градиент на основном контейнере */
[data-md-color-scheme="light-custom"] .md-main {
  background: linear-gradient(
    to bottom,
    #DDE7F5 0%,
    #E9F1FA 20%,
    #FFFFFF 60%,
    #DDE7F5 100%
  ) !important;
}

/* Убираем базовый фон, чтобы не перекрывал градиент */
[data-md-color-scheme="light-custom"] {
  --md-default-bg-color: transparent !important;
}

/* ==========================================================================
   5) LIGHT: NAV / SIDEBAR (левое меню)
   ========================================================================== */

/* Фон списка навигации (через переменную) */
[data-md-color-scheme="light-custom"] .md-nav__list {
  --md-default-bg-color: #DDE7F5;
}

/* Заголовок списка/раздела в меню */
[data-md-color-scheme="light-custom"] .md-nav__title {
  color: #1f2937 !important;
  font-weight: 600;
}

/* Мобильный режим: фон у заголовка */
@media screen and (max-width: 959px) {
  [data-md-color-scheme="light-custom"] .md-nav__title {
    background-color: #E9F1FA !important;
    color: #1f2937 !important;
    font-weight: 600;
  }
}

/* Активная ссылка */
[data-md-color-scheme="light-custom"] .md-nav__link--active {
  color: #00ABE4;
}

/* Активный пункт (усиление) */
[data-md-color-scheme="light-custom"] .md-nav__item--active > .md-nav__link {
  color: #003E92 !important;
  font-weight: 600;
}

/* ==========================================================================
   6) LIGHT: TABS (верхние вкладки)
   ========================================================================== */

[data-md-color-scheme="light-custom"] .md-tabs__link {
  color: #1A1A1A !important;
  background-color: transparent !important;
}

[data-md-color-scheme="light-custom"] .md-tabs__link--active {
  color: #00ABE4 !important;
  border-bottom: 2px solid #00ABE4;
  background-color: transparent !important;
  font-weight: 600;
}

[data-md-color-scheme="light-custom"] .md-tabs__link:hover {
  color: #0077B6 !important;
}

/* У тебя вкладки полностью скрыты */
.md-tabs {
  display: none;
}

/* ==========================================================================
   7) LIGHT: CODE (inline и blocks)
   ========================================================================== */

/* Встроенный `code` */
[data-md-color-scheme="light-custom"] code {
  background-color: #EDF2FF !important;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(15, 23, 42, 0.03);
  border-radius: 4px;
  padding: 2px 6px;
  color: #003B5B;
}

/* Блоки кода */
[data-md-color-scheme="light-custom"] pre > code {
  background-color: #FFFFFF !important;
  border: 1px solid #D3E2F5 !important;
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.12),
    0 6px 12px rgba(15, 23, 42, 0.06) !important;
  border-radius: 12px;
  color: #111827;
}

/* ==========================================================================
   8) LIGHT: SEARCH (поиск)
   ========================================================================== */

/* Поле поиска (закрытый и открытый) */
[data-md-color-scheme="light-custom"] .md-search__form,
[data-md-color-scheme="light-custom"] .md-search__inner {
  background-color: #DCE4F1 !important;
  color: #1A1A1A !important;
  box-shadow: none !important;
}

/* Текст / placeholder / иконки */
[data-md-color-scheme="light-custom"] .md-search__input,
[data-md-color-scheme="light-custom"] .md-search__input::placeholder,
[data-md-color-scheme="light-custom"] .md-search__icon {
  color: #1A1A1A !important;
}

/* Результаты поиска */
[data-md-color-scheme="light-custom"] .md-search__output,
[data-md-color-scheme="light-custom"] .md-search-result__item,
[data-md-color-scheme="light-custom"] .md-search-result__meta {
  background-color: #E9EDF5 !important;
  color: #1A1A1A !important;
}

/* Overlay при поиске: затемнение без blur */
[data-md-color-scheme="light-custom"] .md-search__overlay {
  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: none !important;
}

/* ==========================================================================
   9) LIGHT: TOOLTIP / ANNOTATE
   ========================================================================== */

[data-md-color-scheme="light-custom"] .md-tooltip__inner.md-typeset {
  background-color: #DDE7F5 !important;
}

/* ==========================================================================
   10) LIGHT: TYPOGRAPHY (заголовки и blockquote)
   ========================================================================== */

[data-md-color-scheme="light-custom"] .md-typeset h1,
[data-md-color-scheme="light-custom"] .md-typeset h2,
[data-md-color-scheme="light-custom"] .md-typeset h3,
[data-md-color-scheme="light-custom"] .md-typeset h4 {
  color: #1F2937 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

[data-md-color-scheme="light-custom"] .md-typeset blockquote {
  border-left: 5px solid #0f172a !important;
  color: #0f172a !important;
  font-weight: 600;
}

/* ==========================================================================
   11) THEME: DARK (slate)
   ========================================================================== */

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #14161c;
  --md-default-fg-color: #C5C6C7;

  /* primary */
  --md-primary-fg-color: #0d0e13;

  /* accent */
  --md-accent-fg-color: #66FCF1;

  /* footer */
  --md-footer-bg-color: #0d0e13;
  --md-footer-fg-color: #999;
}

/* Активная ссылка */
[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--md-accent-fg-color);
}

/* Blockquote */
[data-md-color-scheme="slate"] blockquote p {
  color: #C5C6C7;
}

/* Inline code */
[data-md-color-scheme="slate"] code {
  background-color: #0f1116;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.25),
    0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  padding-left: 5px;
  padding-right: 7px;
}

/* Code block */
[data-md-color-scheme="slate"] pre code {
  background-color: #0f1116;
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.25),
    0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

/* ==========================================================================
   12) SHARED / COMMON (общие правила, вне темы)
   ========================================================================== */

/* Карточки (grid cards) — было продублировано, оставил один раз */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  box-shadow:
    0 4px 6px rgba(0, 0, 0, 0.25),
    0 1px 3px rgba(0, 0, 0, 0.15);
  border-color: #3c928c;
  border-radius: 4px;
  border-width: .05rem;
}

/* H1 spacing */
.md-typeset h1 {
  margin-bottom: 1rem;
}

/* main inner spacing */
.md-main__inner.md-grid {
  margin-top: 1rem;
}

/* скрыть meta footer */
.md-footer-meta.md-typeset {
  display: none;
}

/* ==========================================================================
   13) FONTS
   ========================================================================== */

@font-face {
  font-family: 'Kremlin';
  src: url('/assets/fonts/kremlin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Emoji";
  src: url('/assets/fonts/Emoji.woff2') format('woff2');
}

/* Material font var */
:root {
  --md-text-font: 'Emoji';
}

/* ==========================================================================
   14) CUSTOM CLASSES / UTILITIES (твои классы)
   ========================================================================== */

.title-compact {
  margin-top: 0 !important;
  margin-bottom: 0.2rem !important;
  line-height: 1.1;
}

/* Кнопка */

.back-to-index {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 8px;
  background: rgba(90, 120, 180, 0.12);
  color: #4a70c1;
  text-decoration: none;
  font-weight: 500;
  transition: 0.15s;
  border: 1px solid rgba(90, 120, 180, 0.25);

  display: block;
  margin: 20px auto;
  width: fit-content;
}

.back-to-index:hover {
  background: rgba(90, 120, 180, 0.22);
  border-color: rgba(90, 120, 180, 0.35);
}

.test {
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  visibility: hidden;
}

.md-typeset details.rp-details {
  --md-details-icon: var(--md-admonition-icon--quote);
}

.no-marker::before {
  display: none !important;
}

li.rp-item {
  list-style-type: none;
}

li.rp-item::marker {
  content: "";
}


/* Использовать для заголовков 3 уровня в командах */

.lists {
  margin-top: 0 !important;
}

/* Использовать для заголовков 4 уровня в командах */
.sublist {
  margin-top: 0 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  margin-top: 1.4rem;
  margin-bottom: 0.6rem;
  letter-spacing: -0.01em;
}

.md-typeset .admonition,
.md-typeset details {
  font-size: 0.9em;
}