/* pbn-enhance.css — дополнения к style.css макета yuristyhimki.ru под токен-движок BablO$.
   Статичная часть: сид страниц (bin/pbn/yuristyhimki_2_pages.php) копирует этот файл в
   public/sites/yuristyhimki-ru/assets/css/pbn-enhance.css и дописывает в конец маски иконок.
   Переменные и классы макета; новые классы — служебные классы движка (.bf-msg, .pdo-*) и обёртки сайдбара статьи
   (.article-layout, .article-aside*), добавленного по просьбе владельца: в макете сайдбара нет. */

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

/* Условные блоки макета (if в его PHP): пустое значение — блока нет */
.section__lead:empty,.about-intro__lead:empty,.service-head__lead:empty,.hero__sub:empty,.hero__lead:empty,
.eyebrow:empty,.price-note:empty,.err-text:empty,.seo-text:empty,.article-body:empty,.author-card__role:empty{display:none}
/* пункты практики — три фиксированные колонки MIGX; пустой пункт не выводится */
.practice__tasks li:has(> span:empty){display:none}
/* у записей прежнего сайта может не быть фото — пустой src не рисуем */
.art-card__img[src=""],.article-hero[src=""]{display:none}

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

/* Заголовки записей прежнего сайта бывают с очень длинным словом («социальноэкономическим»): на 375 px H1 30 px
   не помещался в строку и давал горизонтальную прокрутку страницы. Переносится только слово, не влезающее целиком */
h1{overflow-wrap:break-word}

/* Рубрики над лентой — ссылки-вкладки (в макете — кнопки-фильтры .tab): текст по центру, как у кнопки */
.filters a.tab{display:inline-flex;align-items:center}

/* Ответ формы движка — как .lead-form__status макета */
.bf-msg{font-size:14px;color:var(--green);min-height:1px}
.bf-msg.bf-err{color:var(--red)}
.review-form .bf-msg{margin-top:12px}

/* Пагинация движка (кнопки с инлайн-стилями) — в стиле .pagination / .pagination__list макета */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:40px 0 0!important;padding-top:24px;border-top:1px solid var(--line)}
.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:4px!important;background:var(--surface)!important;color:var(--body)!important;font-family:var(--font);font-size:15px;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.pdo-pagenav .pdo-pagebtn:hover{border-color:var(--green)!important;color:var(--green)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.4;cursor:default}

/* Тексты, перенесённые с прежнего сайта (.article-body статьи и текстовой страницы): картинки, видео и
   таблицы WordPress. Таблицы цен макета (.ptable) не трогаем — у них своё оформление */
.article-body img{max-width:100%;height:auto;border-radius:var(--radius-card)}
.article-body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:0 0 18px}
.article-body table:not(.ptable){width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.article-body table:not(.ptable) td,.article-body table:not(.ptable) th{padding:10px 14px;border:1px solid var(--line);vertical-align:top;text-align:left}
.article-body table:not(.ptable) th{background:var(--surface-2);color:var(--ink);font-weight:600}

/* ── Правки владельца (2026-09-21) ─────────────────────────────── */

/* Статья в две колонки: слева голова, фото, текст и автор (ширина текста 760 px, как в макете), справа сайдбар —
   короткая заявка, телефон, меню услуг. Сайдбар не липкий: с формой и 14 услугами он выше экрана. Уже 1024 px —
   одна колонка, сайдбар под текстом (порог тот же, что у двухколоночных блоков макета: .contact-grid, .split-7-5).
   «Читайте также» — вторая строка левой колонки, сайдбар тянется на обе: подборка встаёт сразу под автором и
   закрывает пустоту слева у коротких статей (у них текст ниже сайдбара). Строка 1fr забирает лишнюю высоту сайдбара,
   поэтому колонка статьи не растягивается. Нижний отступ — бывший padding .section у подборки */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto 1fr;
  grid-template-areas:"main aside" "related aside";column-gap:64px;align-items:start;padding-bottom:var(--section-y)}
.article-layout>*{min-width:0}
.article-layout>article{grid-area:main}
.article-related{grid-area:related}
/* фото статьи — вне шапки .article-head и не выше 150 px: полоса по ширине текста, кадр обрезается object-fit:cover
   макета без искажения пропорций */
.article-hero{max-width:760px;max-height:150px;margin-bottom:32px}
.article-aside{grid-area:aside;padding-top:40px}
.article-aside__cta{background:var(--mint);border-radius:var(--radius-card);padding:24px}
.article-aside__title{font-size:20px;font-weight:700;line-height:1.25;color:var(--ink);margin-bottom:8px}
.article-aside__text{font-size:15px;line-height:1.5;color:var(--body);margin-bottom:16px}
.article-aside .lead-form{padding:20px;gap:14px;margin-bottom:20px}
.article-aside .contact-intro__phone{font-size:22px}
.article-aside__nav{margin-top:32px}
.article-aside__more{margin-top:16px}
@media (max-width:1279px){
  .article-layout{grid-template-columns:minmax(0,1fr) 300px;column-gap:40px}
}
@media (max-width:1023px){
  /* порядок как был до сетки: текст и автор → сайдбар → «Читайте также» */
  .article-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"main" "aside" "related"}
  .article-aside{max-width:760px;padding:0 0 48px}
}

/* «Примеры судебных решений» без изображения скана: решение — текстовая карточка (card card--fill макета) шире
   200 px макета, иначе заголовок рвётся на пять строк; акцент — зелёная полоса, как у цитаты .article-body.
   Стрелки карусели — символами вместо SVG */
.decision.card{flex-basis:264px;border-left:3px solid var(--green);border-radius:0 var(--radius-card) var(--radius-card) 0}
.carousel__nav .sq-btn{font-size:18px;line-height:1}

/* Маски иконок i.ic--<ключ> по icon() макета — дописывает bin/pbn/yuristyhimki_2_pages.php при каждом прогоне.
   Этот файл перезаписывается целиком: правьте статичную часть в bin/pbn/data/yuristyhimki/pbn-enhance.css */
i.ic--lightbulb{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.5%2018h5M10%2021h4%22%2F%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200-3.5%2010.9c.6.5%201%201.2%201%202h5c0-.8.4-1.5%201-2A6%206%200%200%200%2012%203Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--ruble{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8.5%2020V4.5h4.2a3.9%203.9%200%200%201%200%207.8H8.5M6.5%2012.3h7M6.5%2016h6%22%2F%3E%3C%2Fsvg%3E")}
i.ic--award{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%225.5%22%2F%3E%3Cpath%20d%3D%22m8.5%2013.5-1.5%207%205-2.5%205%202.5-1.5-7%22%2F%3E%3C%2Fsvg%3E")}
i.ic--chat{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012.5a7.5%207.5%200%200%201-10.9%206.7L4%2020.5l1.4-4.8A7.5%207.5%200%201%201%2020%2012.5Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--mail{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3.6%206.5%208.4%206%208.4-6%22%2F%3E%3C%2Fsvg%3E")}
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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5.2l3.4%202%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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8l-5-5Z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5M8.5%2013h7M8.5%2017h5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--send{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21%203-9.5%209.5M21%203l-6.5%2018-3.5-8-8-3.5L21%203Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--coins{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%226.5%22%20rx%3D%227%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M5%206.5v5c0%201.7%203.1%203%207%203s7-1.3%207-3v-5M5%2011.5v5c0%201.7%203.1%203%207%203s7-1.3%207-3v-5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--court{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V10M19%2021V10M3%2010h18L12%204%203%2010Z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3C%2Fsvg%3E")}
i.ic--file-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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%208h8M8%2012h8M8%2016h5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--building{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V6l8-3%208%203v15%22%2F%3E%3Cpath%20d%3D%22M4%2021h16M9%2021v-4h6v4M8%209h2M14%209h2M8%2013h2M14%2013h2%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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227.5%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%207.5V6a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v1.5M3%2012h18%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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.2%205%206v5.6c0%204.4%203%207.6%207%209.2%204-1.6%207-4.8%207-9.2V6l-7-2.8Z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202.2%202.2L15.2%2010%22%2F%3E%3C%2Fsvg%3E")}
i.ic--scales{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M7%2020h10M3%209h18M6%209l-3%206h6L6%209Zm12%200-3%206h6l-3-6Z%22%2F%3E%3C%2Fsvg%3E")}
i.ic--car{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%2016v2.5h3V16M16.5%2016v2.5h3V16%22%2F%3E%3Cpath%20d%3D%22M3.5%2016v-4l2-5h13l2%205v4h-17Z%22%2F%3E%3Cpath%20d%3D%22M5.5%2012h13%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2214%22%20r%3D%220.9%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2214%22%20r%3D%220.9%22%2F%3E%3C%2Fsvg%3E")}
i.ic--family{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%229%22%20r%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M3%2020v-1.6A4.4%204.4%200%200%201%207.4%2014h1.2A4.4%204.4%200%200%201%2013%2018.4V20M15%2020v-1.4a3.6%203.6%200%200%201%203.6-3.6H19a2%202%200%200%201%202%202V20%22%2F%3E%3C%2Fsvg%3E")}
i.ic--gavel{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%207-7M9.5%207.5%2016%2014M13%204l7%207M11.5%205.5l-2%202M18.5%2012.5l-2%202%22%2F%3E%3C%2Fsvg%3E")}
i.ic--search{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m16.5%2016.5%204%204%22%2F%3E%3C%2Fsvg%3E")}
i.ic--percent{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2019%2014-14%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%222.5%22%2F%3E%3C%2Fsvg%3E")}
i.ic--handshake{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%2013%202.5%202.5a1.6%201.6%200%200%200%202.3%200l4.7-4.7%22%2F%3E%3Cpath%20d%3D%22M3%209.5%206.5%206h4l2%201.8L14.5%206h3L21%209.5v5l-2%202-4-4M3%209.5v5l2%202%203-3%22%2F%3E%3C%2Fsvg%3E")}
i.ic--star{--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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203.6%202.6%205.3%205.9.85-4.25%204.15%201%205.85L12%2016.95l-5.25%202.75%201-5.85L3.5%209.75l5.9-.85L12%203.6Z%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.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s7-5.686%207-11a7%207%200%201%200-14%200c0%205.314%207%2011%207%2011Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.6%22%2F%3E%3C%2Fsvg%3E")}
