/* Чтобы контент не налезал на фиксированную шапку */
/* body {
  padding-top: 70px; /* высота navbar */
} */

/* Чтобы поиск не ломал шапку */
.pagefind-search-container {
  position: absolute;
  right: 1rem;
  top: 0.75rem;
  max-width: 350px;
  width: 100%;
}

.pagefind-ui {
  font-size: 0.9rem;
}

/* Результаты поиска поверх контента */
.pagefind-ui__drawer {
  position: absolute !important;
  top: 3rem; /* высота шапки */
  right: 1rem;
  left: auto;
  z-index: 1000;
  max-height: 70vh;
  overflow-y: auto;
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Поле поиска в шапке: справа, не увеличивает высоту хедера */
.pagefind-search-in-header {
  position: absolute;
  right: 0.75rem;
  top: 0.6rem;
  width: min(420px, 50vw);
  z-index: 2;
}

/* Компактнее форма */
.pagefind-ui__form { margin: 0; }

/* Выпадающий список результатов — поверх контента, а не внутри шапки */
.pagefind-ui__drawer {
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  border: 1px solid var(--md-default-fg-color--lighter);
  background: var(--md-default-bg-color);
}
@media (max-width: 768px) {
  .pagefind-search-in-header {
    left: 0.75rem;
    right: 0.75rem;
    width: auto;
  }
}


/* Простой парсинг для ==text== */
span.quick-highlight {
    padding: 0 4px;
    border-radius: 0.25rem;
    font-weight: 500;
}

/* Цвета в стиле Bootstrap 5 */
span.quick-highlight.important { background-color: #cfe2ff; color: #0d6efd; }
span.quick-highlight.success { background-color: #d1e7dd; color: #198754; }
span.quick-highlight.warning { background-color: #fff3cd; color: #856404; }
span.quick-highlight.danger  { background-color: #f8d7da; color: #842029; }

span.quick-highlight.stat_die  { background-color: #ffff00; color: black; }
span.quick-highlight.stat_prov { background-color: #ff9847; color: black; }
span.quick-highlight.stat_vik  { background-color: deepskyblue; color: black; }

.quick-highlight.date {
    background-color: #e7f5ff; /* светло-голубой фон */
    color: #1c7ed6;            /* синий текст */
    padding: 0 4px;
    border-radius: 0.25rem;
}

.underline {    text-decoration: underline;}

/* Стиль для встроенного кода в тексте */
.md-typeset code {
    background-color: #f3f3f3;
    border-radius: .1rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-size: .85em;
    padding: 0 .2941176471em;
    word-break: break-word;
    color: brown;
    /* font-weight: bold; */
    font-size: medium;
}

@media print {
  /* h1:first-of-type {
    display: none;
  } */
  h2:has(+ .admonition) { /* применяется к заголовку , если сразу после него идёт блок с классом .admonition  (то есть !!! note, !!! warning  и т.д.). Это предотвращает ситуацию, когда заголовок оказывается на одной странице, а пояснение — на следующей. */
    page-break-after: avoid;
  }
  h3:has(+ .admonition) {
    page-break-after: avoid;
  }

  .admonition {
    page-break-inside: avoid;
  }
  .print-button {
    display: none !important;
  }
}