/* pbn-enhance.css — дополнения к style.css макета advokat-kem42.ru под токен-движок BablO$.
   Статичная часть; источник — bin/pbn/data/advokat-kem42/pbn-enhance.css. Сид страниц
   (bin/pbn/advokat-kem42_2_pages.php) копирует её в public/sites/advokat-kem42-ru/assets/css/pbn-enhance.css
   и дописывает в конец маски иконок по ключам. Правило файла: только переменные и классы макета. */

/* Иконки в строках MIGX: значения MIGX экранируются, поэтому в строке — ключ, а форма — маской из того же
   SVG, что рисует icon() макета (правила i.ic--<ключ>{--ic:url(…)} дописывает сид страниц) */
i.ic{display:inline-block;vertical-align:top;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

/* Условные блоки макета (if в его PHP): пустое значение — блока нет */
.page-hero__lead:empty,.policy__date:empty,.legal-note:empty,.case-body__text:empty,.about-teaser__quote:empty{display:none}
.law-quote:has(.law-quote__text:empty){display:none}
/* секция «Текст» услуги: пустой текст (его потом пишет воркфлоу генерации) — секции нет */
.article:has(.article-body:empty){display:none}

/* Вкладки рубрик блога — ссылки на страницы рубрик, а не кнопки JS-фильтра: блок как у <button> макета */
a.tabs__btn{display:inline-block}

/* Ответ формы движка — как .form__success макета */
.bf-msg{margin-top:18px;padding:14px 16px;background:var(--red-wash);border-left:3px solid var(--red);font-size:14px;color:var(--ink)}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле кнопок листания макета (.slider__btn) и
   отступа .loadmore; активная страница — как активная вкладка .tabs__btn.is-active */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:10px!important;margin:56px 0 0!important}
.pdo-pagenav .pdo-pagebtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:46px!important;height:46px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;color:var(--ink)!important;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--ease),border-color var(--ease),color var(--ease)}
.pdo-pagenav .pdo-pagebtn:hover{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.35;cursor:not-allowed}
.pdo-pagenav .pdo-pagebtn[disabled]:hover{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}

/* Тексты с прежнего сайта и из генерации (контейнеры текста макета — .article-body и .policy__inner):
   картинки, видео и таблицы. Таблица макета .data-table оформлена самим style.css — её не трогаем */
.article-body img,.policy__inner img{max-width:100%;height:auto}
.article-body iframe,.policy__inner iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:0 0 1.2em}
.article-body table:not(.data-table),.policy__inner table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:var(--fz-small)}
.article-body table:not(.data-table) td,.article-body table:not(.data-table) th,.policy__inner td,.policy__inner th{padding:10px 12px;border:1px solid var(--line);vertical-align:top;text-align:left}

/* Правка владельца (2026-09-15): заголовки меньше, чем в макете (там H1 до 76px, H2 до 52px),
   и плотнее строка у H1 внутренних страниц. Файл подключается после style.css — переопределение выигрывает */
:root{--fz-h1:clamp(40px, 6vw, 44px);--fz-h2:clamp(28px, 4.2vw, 40px)}
.page-hero__title{line-height:1}

/* Баннеры-ссылки на главной (набор «Баннеры-ссылки», правка владельца 2026-09-15): сетка документов макета
   .doc-grid, но картинка 200×67 — в натуральных пропорциях: у .doc-thumb макета скан 3:4 с обрезкой.
   Серая, в цвете при наведении и фокусе — как карточки макета (.card) */
/* пропорция задана явно: место под ленивую картинку резервируется до загрузки, страница не прыгает */
.doc-grid--banners{list-style:none;margin:0;padding:0}
.doc-grid--banners .doc-thumb img{aspect-ratio:200 / 67;height:auto;object-fit:contain;transition:transform 250ms ease,filter 250ms ease}
.doc-grid--banners .doc-thumb:hover img,.doc-grid--banners .doc-thumb:focus-visible img{filter:none}
/* на телефоне — две колонки, а не лента из 21 баннера по одному */
@media (max-width:560px){.doc-grid--banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}