/* wikipedia.css — Вікіпедія-стиль */

/* Спільна палітра з crimea-is-ukraine; змінні Material задаються на body. */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --wiki-serif: "Linux Libertine", "Georgia", "Times New Roman", serif;
  --wiki-brand: #212736;
  --wiki-charcoal: #141414;
  --wiki-teal: #50e3c2;
  --md-primary-fg-color: var(--wiki-brand);
  --md-primary-fg-color--light: var(--wiki-brand);
  --md-primary-fg-color--dark: var(--wiki-charcoal);
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ececec;
  --md-footer-bg-color: var(--wiki-charcoal);
  --md-footer-bg-color--dark: var(--wiki-charcoal);
  --md-footer-fg-color: #ffffff;
  --md-footer-fg-color--light: #ececec;
  --md-footer-fg-color--lighter: #d8d8d8;
}

:root,
[data-md-color-scheme="default"] {
  --wiki-border: #d8d8d8;
  --wiki-header-bg: #ececec;
  --wiki-muted: #676767;
  --wiki-box-bg: #ececec;
  --md-default-fg-color: #141414;
  --md-default-fg-color--light: var(--wiki-muted);
  --md-default-fg-color--lighter: #676767;
  --md-default-fg-color--lightest: var(--wiki-border);
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-default-bg-color--lighter: rgba(255, 255, 255, 0.3);
  --md-default-bg-color--lightest: rgba(255, 255, 255, 0.12);
  --md-typeset-color: var(--md-default-fg-color);
  --md-typeset-a-color: #0000ee;
  --md-accent-fg-color: #0000ee;
  --md-accent-fg-color--transparent: rgba(0, 0, 238, 0.1);
  --md-typeset-table-color: var(--wiki-border);
  --md-typeset-table-color--light: var(--wiki-box-bg);
}

/* Темна адаптація: той самий бренд, світлі текст і сині посилання. */
[data-md-color-scheme="slate"] {
  --wiki-border: #454b58;
  --wiki-header-bg: #212736;
  --wiki-muted: #b6bac4;
  --wiki-box-bg: #212736;
  --md-default-fg-color: #ececec;
  --md-default-fg-color--light: var(--wiki-muted);
  --md-default-fg-color--lighter: #959ba7;
  --md-default-fg-color--lightest: var(--wiki-border);
  --md-default-bg-color: #141414;
  --md-default-bg-color--light: rgba(20, 20, 20, 0.7);
  --md-default-bg-color--lighter: rgba(20, 20, 20, 0.3);
  --md-default-bg-color--lightest: rgba(20, 20, 20, 0.12);
  --md-typeset-color: var(--md-default-fg-color);
  --md-typeset-a-color: #9daeff;
  --md-accent-fg-color: #9daeff;
  --md-accent-fg-color--transparent: rgba(157, 174, 255, 0.1);
  --md-typeset-table-color: var(--wiki-border);
  --md-typeset-table-color--light: var(--wiki-box-bg);
}

.md-header,
.md-tabs {
  background-color: var(--wiki-brand);
  color: var(--md-primary-bg-color);
}

/* Desktop-сайдбари Material мають height: 0 і вертикальні відступи.
   Їхнє тло утворює зайві смуги над вмістом; фарбуємо лише мобільне меню. */
@media screen and (max-width: 76.234375em) {
  .md-sidebar--primary {
    background-color: var(--wiki-box-bg);
  }
}

.md-nav__link:hover,
.md-nav__link:focus-visible,
.md-nav__link--active {
  color: var(--md-typeset-a-color);
}

.md-footer-note a:hover,
.md-footer-note a:focus-visible {
  color: var(--wiki-teal);
}

.raw-redirect-notice {
  padding: 1em;
  background-color: var(--md-accent-fg-color--transparent);
  border-left: 4px solid var(--md-typeset-a-color);
  margin: 1em 0;
}

/* Тіло та основна колонка контенту: серіфний шрифт */
.md-typeset {
  font-family: var(--wiki-serif);
  font-size: 16px;
  line-height: 1.65;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: var(--wiki-serif);
  font-weight: 400;
  color: var(--md-typeset-color);
  border-bottom: 1px solid var(--wiki-border);
  padding-bottom: 0.25em;
}

/* Таблиці у статтях — стиль Вікіпедії */
.md-typeset table:not([class]) {
  border-collapse: collapse;
  font-size: 0.85em;
}
.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  border: 1px solid var(--wiki-border);
  padding: 4px 8px;
}
.md-typeset table:not([class]) th {
  background: var(--wiki-header-bg);
  text-align: left;
}

/* Сторінка-джерело: приховуємо оригінальний H1 (замінено на .raw-title) */
.raw-source h1:not(.raw-title) {
  display: none !important;
}
.raw-title {
  font-family: var(--wiki-serif);
  font-weight: 400;
  color: var(--md-typeset-color);
  border-bottom: 1px solid var(--wiki-border);
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}

/* Кнопка «← На головну» */
.home-link {
  margin: 0 0 1em 0;
}
.home-link a {
  display: inline-block;
  font-size: 0.85em;
  color: var(--wiki-muted);
  text-decoration: none;
  border: 1px solid var(--wiki-border);
  border-radius: 3px;
  padding: 2px 8px;
}
.home-link a:hover {
  background: var(--wiki-box-bg);
}

/* Блок «Випадкові статті» у лівому сайдбарі */
.random-articles {
  margin: 0;
  padding: 0.8rem 0.8rem 0 0.8rem;
  border-top: none;
  font-size: 0.7rem;
}
.random-articles .md-nav__link {
  padding-left: 0;
  padding-right: 0;
}
.random-articles__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wiki-muted);
  margin-bottom: 0.3em;
}
.random-articles__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.random-articles__list li {
  margin: 0.15em 0;
}
.random-articles__list a {
  color: var(--md-typeset-a-color);
  text-decoration: none;
}
.random-articles__list a:hover {
  text-decoration: underline;
}

/* Блок підтримки проєкту у правому сайдбарі (після «Змісту») */
.support-widget {
  margin: 0.8rem 0 0 0;
  padding: 0.7rem 0.8rem;
  background-color: var(--wiki-box-bg);
  border: 1px solid var(--wiki-border);
  border-radius: 4px;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.support-widget__title {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wiki-muted);
  margin: 0 0 0.4em 0;
}
.support-widget__text {
  font-size: 0.72rem;
  line-height: 1.5;
  color: var(--wiki-muted);
  margin: 0 0 0.6em 0;
}
.support-widget__cta {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--md-typeset-a-color);
  text-decoration: none;
  border: 1px solid var(--wiki-border);
  border-radius: 3px;
  padding: 3px 8px;
}
.support-widget__cta:hover {
  background-color: var(--wiki-header-bg);
  text-decoration: none;
}

/* Заголовок «Усі статті» на головній (HTML <p>, не потрапляє в TOC) */
.section-title {
  font-family: var(--wiki-serif);
  font-weight: 400;
  font-size: 1.6em;
  color: var(--md-typeset-color);
  margin: 1em 0 0.5em 0;
  padding-bottom: 0.25em;
  border-bottom: 1px solid var(--wiki-border);
}

/* Алфавітні розділи-покажчики на головній (генеруються як <p>) */
.alpha-section {
  font-family: var(--wiki-serif);
  font-weight: 700;
  font-size: 1.1em;
  color: var(--md-typeset-color);
  margin: 1.2em 0 0.3em 0;
  padding-bottom: 0.15em;
  border-bottom: 1px solid var(--wiki-border);
}

/* Список статей під алфавітними розділами */
.alpha-section + ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0.6em;
  margin-bottom: 1.8em;
}

.alpha-section + ul li {
  margin-bottom: 1.2em;
  padding-left: 0;
}

/* Назва статті */
.alpha-section + ul li .article-title {
  font-weight: 600;
  font-size: 1.05em;
}

/* Опис статті (на новому рядку, злегка приглушений) */
.alpha-section + ul li .article-desc {
  display: block;
  font-size: 0.88em;
  color: var(--wiki-muted);
  line-height: 1.5;
  margin-top: 0.15em;
}

/* Лівий сайдбар: приховуємо основне навігаційне меню.
   Залишаємо лише блок «Випадкові статті» (.random-articles).
   Правий сайдбар (TOC, .md-nav--secondary) не зачіпається. */
.md-sidebar--primary .md-nav--primary {
  display: none !important;
}

/* Вбудоване відео на сторінках-джерелах */
.video-embed {
  margin: 1.5em 0;
  max-width: 100%;
}
.video-embed iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Центрування футера */
.md-footer-meta__inner {
  justify-content: center !important;
}
.md-copyright {
  text-align: center;
  margin: 0 auto;
}
.md-copyright a {
  color: inherit;
  text-decoration: none;
}
.md-copyright a:hover {
  text-decoration: underline;
}
.md-footer-note p {
  margin: 0;
  padding: 0;
}
.md-footer-note p + p {
  margin-top: 0.25em;
}
.md-footer-note a {
  color: inherit;
  text-decoration: underline;
}

/* Алфавітна швидка навігація */
.alpha-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 1.2em 0;
  padding: 8px 12px;
  background-color: var(--wiki-box-bg);
  border: 1px solid var(--wiki-border);
  border-radius: 4px;
}

.alpha-nav-link {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 3px;
  font-family: var(--wiki-serif);
  font-weight: 600;
  text-decoration: none;
  color: var(--md-typeset-a-color);
  transition: all 0.15s ease-in-out;
}

.alpha-nav-link:hover {
  background-color: var(--wiki-header-bg);
  border-color: var(--wiki-border);
  text-decoration: none !important;
}

/* Зебра-розфарбування рядків таблиці */
.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: var(--wiki-box-bg);
}

/* Наукові цитати (blockquote) */
.md-typeset blockquote {
  background-color: var(--wiki-box-bg);
  border-left: 4px solid var(--wiki-border);
  padding: 0.5em 1.2em;
  margin: 1.5em 0;
  font-style: italic;
  color: var(--wiki-muted);
  border-radius: 0 4px 4px 0;
}
.md-typeset blockquote p {
  margin: 0.4em 0;
}

/* Пом'якшення блоків приміток (Admonitions) */
.md-typeset .admonition,
.md-typeset .md-admonition {
  border-radius: 4px !important;
  box-shadow: none !important;
  border: 1px solid var(--wiki-border) !important;
  border-left: 0.2rem solid var(--md-admonition-icon-color) !important;
}

/* Стилі для портретів людей (окремої особи) на відповідних сторінках */
.wiki-article--person img:first-of-type,
.md-typeset img.portrait,
.md-typeset img.wiki-portrait {
  float: right;
  clear: right;
  max-width: 230px;
  width: 100%;
  height: auto;
  margin: 0 0 16px 20px;
  border: 1px solid var(--wiki-border);
  padding: 4px;
  background-color: var(--wiki-box-bg);
  box-shadow: none;
}

/* Адаптивність для мобільних екранів */
@media screen and (max-width: 767.98px) {
  .wiki-article--person img:first-of-type,
  .md-typeset img.portrait,
  .md-typeset img.wiki-portrait {
    float: none;
    display: block;
    margin: 0 auto 16px auto;
    max-width: 280px;
  }
}

/* Підвищений контраст для заголовку в шапці сторінки та заголовків навігації */
.md-header__title {
  color: #ffffff !important;
  font-weight: 600;
  opacity: 1 !important;
}

.md-nav__title {
  color: var(--md-typeset-color) !important;
  font-weight: 600;
  opacity: 1 !important;
}