/* pbn-enhance.css — дополнения к style.css макета advokat-zhurawlev.ru под токен-движок BablO$.
   Статичная часть: сид страниц (bin/pbn/advokat-zhurawlev_2_pages.php) копирует этот файл в
   public/sites/advokat-zhurawlev-ru/assets/css/pbn-enhance.css и дописывает в конец маски иконок (если в данных
   MIGX появятся ключи иконок). Только переменные и классы макета; новых классов нет — кроме служебных классов
   движка (.bf-msg, .pdo-*). */

/* Иконки-ключи в строках MIGX: значения MIGX экранируются, SVG туда нельзя. В строке — <i class="ic" data-ic="<ключ>">
   (класс .ic есть в макете, модификатора-ключа в нём нет — поэтому ключ атрибутом, а не классом), форма — маской
   i.ic[data-ic="<ключ>"]{--ic:url("data:image/svg+xml,…")} из SVG icon() макета, цвет — currentColor обёртки.
   Сейчас ключей нет: иконки направлений и разделов справочника — SVG в richtext-TV ресурсов (svc_icon, sp_icon),
   строка pdoResources выводит richtext как есть. */
i.ic[data-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,.section__lead:empty,.band__lead:empty,.acc__note:empty,.ccard__extra:empty,
.contacts-hours__note:empty,.note-box__date:empty,.article-body > .lead:empty{display:none}
.org-grid:empty{display:none}
/* группа прайса без строк (слотов групп четыре, как в макете) */
.price-group:has(> .price-rows:empty){display:none}
/* раздел справочника без текста с прежнего сайта — секции текста нет */
.article-section:has(.article-body:empty){display:none}

/* Переход между записями: в макете на месте отсутствующей соседней записи стоит пустой <span>, у движка строки
   нет вовсе — «Следующая» без «Предыдущей» встаёт во вторую колонку, как в макете */
.article-nav:empty{display:none}
.article-nav__item--next:first-child{grid-column:2}

/* Лента блога: пустая рубрика — сообщение .blog-empty (в макете его показывал JS-фильтр); кнопки листания
   движка встают на всю ширину сетки карточек */
.blog-grid + .blog-empty{display:none}
.blog-grid:empty + .blog-empty{display:block}
.blog-grid > .pdo-pagenav{grid-column:1 / -1}

/* Ответ формы движка — как .form__status макета */
.bf-msg{margin:14px 0 0;font-size:14px;color:var(--teal);min-height:1.4em}
.bf-msg.bf-err{color:#B02121}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле .pager / .pager__cell макета. display не трогаем:
   скрипт движка сам прячет навигацию, когда листать нечего */
.pdo-pagenav{justify-content:center;gap:8px!important;margin:32px 0 0!important}
.pdo-pagenav .pdo-pagebtn{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px!important;height:40px!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:transparent!important;color:var(--ink)!important;font-family:var(--font);font-size:14px;cursor:pointer;transition:border-color .18s ease,color .18s ease}
.pdo-pagenav .pdo-pagebtn:hover{border-color:var(--teal)!important;color:var(--teal)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.4;cursor:default}

/* Тексты с прежнего сайта (.article-body статьи, текстовой страницы, раздела справочника): картинки, видео и
   таблицы из старой вёрстки */
.article-body img{max-width:100%;height:auto}
.article-body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:0 0 1.1em}
.article-body table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15px}
.article-body td,.article-body th{padding:10px 14px;border:1px solid var(--line);vertical-align:top;text-align:left}
.article-body th{background:var(--surface-alt);font-weight:600}