/* ============================================================
   ТФОМС Югры — печатная версия (подключается с media="print")
   Чёрный текст на белом, без навигации, фонов и анимаций.
   ============================================================ */

/* ------------------------------------------------------------
   Страница и базовая типографика
   ------------------------------------------------------------ */
@page {
  margin: 18mm 15mm;
}

html {
  scroll-behavior: auto;
}

body {
  display: block !important;          /* перебиваем inline-флекс из base.html */
  min-height: auto !important;
  padding-bottom: 0 !important;       /* убираем отступ под мобильную панель */
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.45;
}

.wrap {
  max-width: none;
  padding-inline: 0;
}

h1, h2, h3, h4 {
  color: #000;
  break-after: avoid;
  page-break-after: avoid;
}

h1 { font-size: 20pt; }
h2 { font-size: 15pt; }
h3 { font-size: 13pt; }
h4 { font-size: 11.5pt; }

img {
  max-width: 60%;
}

/* ------------------------------------------------------------
   Отключение анимаций и эффектов появления — всё видимо сразу
   ------------------------------------------------------------ */
*, *::before, *::after {
  animation: none !important;
  transition: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.rv {
  opacity: 1 !important;
  transform: none !important;
}

/* ------------------------------------------------------------
   Скрытые при печати элементы (служебное и навигация)
   ------------------------------------------------------------ */
.topbar,
.a11y-panel,
.skip-link,
.nav,
.header__actions,
.search-overlay,
.bottombar,
.footer .soc,
.footer__main,            /* колонки подвала — остаётся только копирайт */
.hero,                    /* герой главной страницы */
.btn,
.btn-lk,
.btn-eye,
.more-btn,
.filters,
.year-tabs,
.scrolltop-wrap,
.news_nav,
.article-nav,
.news-card__cover,
.ymap-wrap,
.sidebar {                /* боковая навигация внутренних страниц */
  display: none !important;
}

/* ------------------------------------------------------------
   Шапка: только логотип с названием + адрес сайта справа
   ------------------------------------------------------------ */
.header {
  position: relative;     /* отменяем sticky, даём опору для ::after */
  top: auto;
  background: #fff !important;
  backdrop-filter: none;
  border-bottom: 1pt solid #000;
  margin-bottom: 6mm;
}

.header .wrap {
  min-height: auto;
  padding-block: 3mm;
}

.brand,
.brand__name {
  color: #000;
}

.brand__sub {
  color: #333;
}

.header::after {
  content: "ofoms.ru · прототип";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 9pt;
  color: #555;
}

/* ------------------------------------------------------------
   Заголовочная плашка страницы и хлебные крошки
   ------------------------------------------------------------ */
.page-hero {
  background: #fff !important;   /* убираем градиенты */
  color: #000 !important;
  padding-block: 0 4mm;
  overflow: visible;
}

.page-hero::after {
  display: none;                 /* полоса «северного сияния» */
}

.page-hero h1 {
  color: #000;
}

.crumbs,
.crumbs a,
.crumbs span[aria-current] {
  color: #000 !important;
}

/* ------------------------------------------------------------
   Сетка контента
   ------------------------------------------------------------ */
.layout {
  display: block;
  padding-block: 0 6mm;
}

.section {
  padding-block: 6mm;
}

.prose {
  max-width: none;
}

.prose blockquote {
  background: #fff !important;
  border-left: 3pt solid #999;
  border-radius: 0;
}

/* ------------------------------------------------------------
   Ссылки: URL после внешних, без URL для tel:/mailto: и внутренних
   ------------------------------------------------------------ */
a {
  color: #000 !important;
  text-decoration: underline;
}

a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 8.5pt;
  font-weight: 400;
  color: #555;
  word-break: break-all;
}

/* tel:/mailto: и внутренние (относительные) ссылки — без URL */
a[href^="tel:"]::after,
a[href^="mailto:"]::after {
  content: none;
}

/* ------------------------------------------------------------
   Таблицы
   ------------------------------------------------------------ */
table {
  border-collapse: collapse;
}

.prose table {
  display: table;           /* отменяем горизонтальную прокрутку */
  overflow: visible;
  border-radius: 0;
  background: #fff !important;
}

table th,
table td {
  border: 1px solid #999 !important;
  background: #fff !important;
}

tr {
  break-inside: avoid;
  page-break-inside: avoid;
}

thead {
  display: table-header-group;   /* повторять шапку на каждой странице */
}

.table-wrap {
  overflow: visible;
}

/* ------------------------------------------------------------
   Карточки и плашки: белый фон, тонкая рамка, без разрывов
   ------------------------------------------------------------ */
.dir-card,
.person-card,
.doc-row,
.kv > div,
.steps li {
  background: #fff !important;
  border: 1px solid #bbb !important;
  box-shadow: none !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

.kv {
  border-color: #bbb;
}

.kv dt,
.kv dd,
.doc-row__title,
.doc-row__desc,
.doc-row__meta,
.dir-card__sched,
.dir-card__note,
.person-card__role {
  color: #000 !important;
}

/* Номер шага — без градиента, просто рамка с цифрой */
.steps li::before {
  background: #fff !important;
  border: 1px solid #999;
  color: #000;
}

.steps li:not(:last-child)::after {
  color: #555;
}

.steps p {
  color: #000;
}

/* Аватар-инициалы в карточке сотрудника */
.person-card__ava {
  background: #fff !important;
  border: 1px solid #bbb;
  color: #000;
}

/* Значок типа файла в строке документа */
.file-ic {
  background: #fff !important;
  border: 1px solid #999;
  color: #000;
}

/* Прочие карточки (новости, сервисы, FAQ) — читаемые рамки */
.news-card,
.svc,
details.faq,
.ceo-card {
  background: #fff !important;
  border: 1px solid #bbb !important;
  break-inside: avoid;
  page-break-inside: avoid;
}

/* ------------------------------------------------------------
   Чипы телефонов и почты — обычный жирный текст без фона
   ------------------------------------------------------------ */
.tel-chip,
.mail-chip {
  background: none !important;
  color: #000 !important;
  font-weight: 700;
  padding: 0;
  border-radius: 0;
}

/* Цветные чипы дат, рубрик и категорий — просто текст */
.date-chip,
.cat-chip,
.badge {
  background: none !important;
  color: #000 !important;
  padding: 0;
}

/* ------------------------------------------------------------
   Тёмные секции главной (горячая линия, цифры) — на белом
   ------------------------------------------------------------ */
.hotline,
.stat,
.section--alt {
  background: #fff !important;
  color: #000 !important;
}

.stat {
  border: 1px solid #bbb;
}

.stat::after {
  display: none;
}

.hotline__label,
.hotline__num,
.stat__num,
.stat__cap {
  color: #000 !important;
}

/* ------------------------------------------------------------
   Подвал: только нижняя строка с копирайтом
   ------------------------------------------------------------ */
.footer {
  background: #fff !important;
  color: #000 !important;
  margin-top: 8mm;
}

.footer__bottom {
  border-top: 1pt solid #999;
  color: #000;
  font-size: 9pt;
  padding-block: 3mm 0;
}