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

/* Иконки в строках MIGX («Что вы получаете», «Как добраться»): значения MIGX экранируются, SVG туда нельзя.
   В строке — ключ: <i class="ic ic--<ключ>">, форма — маской i.ic--<ключ>{--ic:url("data:image/svg+xml,…")}
   из того же SVG, что рисует icon() макета (копия конфига; маски дописывает сид страниц), цвет — currentColor
   обёртки (.get-item__ico, .map__how .ic — var(--c-accent)). display:block — как у svg макета (img,svg{display:block}) */
i.ic{display:block;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}

/* Условные блоки макета (if в его PHP): пустое значение — блока нет */
.page-hero__lead:empty,.hero-rev__lead:empty,.plate__meta:empty,.pv__lead:empty,.art__body > .lead:empty,
.card__badge:empty,.price-row__val:empty,.price-strip__list li:empty,.format__list li:empty,.tile__list li:empty{display:none}

/* Лента библиотеки: пустая рубрика — абзац-сообщение вместо сетки; кнопки листания движка — на всю ширину сетки */
.bib-grid + .section__sub{display:none}
.bib-grid:empty + .section__sub{display:block}
.bib-grid > .pdo-pagenav{grid-column:1 / -1}

/* Ответ формы движка — как строка p.meta[data-form-note] макета под кнопкой отправки */
.bf-msg{margin-top:14px;font-size:var(--fs-meta);line-height:1.5;color:var(--t-muted)}
.bf-msg.bf-err{color:var(--c-accent)}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле .pager / .pager__link макета */
.pdo-pagenav{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin:56px 0 0!important}
.pdo-pagenav .pdo-pagebtn{min-width:44px;height:44px;padding:0 12px!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--b-light)!important;border-radius:0!important;background:transparent!important;color:var(--t-main)!important;font-family:var(--f-sans);font-size:15px;font-weight:500;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.pdo-pagenav .pdo-pagebtn:hover{border-color:var(--c-dark)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--c-accent)!important;border-color:var(--c-accent)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{border-color:transparent!important;color:var(--t-disabled)!important;cursor:default}
.pdo-pagenav span{color:var(--t-muted)}

/* Тексты, перенесённые с прежнего сайта (.art__body статьи и текстовой страницы, .pv__body услуги): картинки,
   видео, таблицы, нумерованные списки и цитаты старого движка. Таблицы макета (.table) и цитаты .pull не трогаем;
   маркированные списки .art__body макет рисует сам, у .pv__body — берём тот же маркер */
.art__body img,.pv__body img{max-width:100%;height:auto}
.art__body iframe,.pv__body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.art__body table:not(.table),.pv__body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.art__body table:not(.table) td,.art__body table:not(.table) th,.pv__body td,.pv__body th{padding:14px 18px;border-bottom:1px solid var(--b-light);vertical-align:top;text-align:left}
.art__body table:not(.table) th,.pv__body th{background:var(--c-dark);color:#fff;font-weight:500;font-size:13px}
.art__body ol,.pv__body ol{display:grid;gap:12px;padding-left:22px;list-style:decimal}
.art__body blockquote:not(.pull),.pv__body blockquote{border-left:3px solid var(--c-accent);padding:4px 0 4px 24px;font-style:italic}
.pv__body h2{font-family:var(--f-serif);font-size:32px;line-height:1.15;margin-top:28px}
.pv__body h3{font-family:var(--f-sans);font-size:22px;font-weight:500;line-height:1.35;margin-top:20px;letter-spacing:0}
.pv__body a{color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}
.pv__body ul{display:grid;gap:12px}
.pv__body ul li,.pv__body ol li{font-size:17px;line-height:1.7;color:var(--t-soft)}
.pv__body ul li{position:relative;padding-left:20px}
.pv__body ul li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;background:var(--c-accent)}

/* Шапка без поиска (снят по решению владельца): поле стояло у правого края нижнего яруса — без него меню
   прижималось влево и справа оставалась пустота. Прижимаем меню вправо, как макет делает сам на 900–1099 */
.nav__list{justify-content:flex-end}

/* Окно записи из шапки (#zapis-modal — компонент .modal макета с формой движка): вводный абзац над полями и
   строка срочной связи под формой. В окнах видеоотзывов макета абзац в .modal__body один — их не трогаем */
#zapis-modal .modal__body > p:first-child{margin-bottom:20px}
#zapis-modal .modal__body > .meta{margin-top:16px}

/* Маски иконок — дописывает bin/pbn/lepshin-lawyer_2_pages.php (руками не править) */
i.ic--clock{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3.5%202%22%2F%3E%3C%2Fsvg%3E")}
i.ic--scale{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M12%204v16%22%2F%3E%3Cpath%20d%3D%22M6%2020h12%22%2F%3E%3Cpath%20d%3D%22M4%208h16%22%2F%3E%3Cpath%20d%3D%22m4%208-2.5%206h5L4%208Z%22%2F%3E%3Cpath%20d%3D%22m20%208-2.5%206h5L20%208Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--doc{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M6%203h8l4%204v14H6z%22%2F%3E%3Cpath%20d%3D%22M14%203v4h4%22%2F%3E%3Cpath%20d%3D%22M9%2012h6%22%2F%3E%3Cpath%20d%3D%22M9%2016h6%22%2F%3E%3C%2Fsvg%3E")}
i.ic--lock{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M5%2011h14v10H5z%22%2F%3E%3Cpath%20d%3D%22M8%2011V8a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E")}
i.ic--chart{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M4%2020V10%22%2F%3E%3Cpath%20d%3D%22M10%2020V4%22%2F%3E%3Cpath%20d%3D%22M16%2020v-7%22%2F%3E%3Cpath%20d%3D%22M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
i.ic--shield{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M12%203%205%206v6c0%204.5%203%207.6%207%209%204-1.4%207-4.5%207-9V6l-7-3Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--pin{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M12%2021s7-6.3%207-11a7%207%200%201%200-14%200c0%204.7%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--briefcase{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M3%207h18v13H3z%22%2F%3E%3Cpath%20d%3D%22M9%207V4h6v3%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E")}