/* pbn-enhance.css — дополнения к style.css макета uristi-advokati.ru под токен-движок BablO$.
   Статичная часть: bin/pbn/data/uristi-advokati/pbn-enhance.css (схема — bin/pbn/uristi-advokati_1_schema.php).
   Сид страниц bin/pbn/uristi-advokati_2_pages.php дописывает к ней маски иконок строк MIGX по ключам
   (i.ico--<ключ>{--ic:url("data:image/svg+xml,…")}) и кладёт итог в public/sites/uristi-advokati-ru/assets/css/.
   Только переменные и классы макета; итоговый файл руками не править — перезапишется. */

/* Иконки в строках MIGX: значения MIGX экранируются, поэтому в строке хранится ключ — <i class="ico ico--<ключ>">
   (имена классов icon() макета, поэтому его правила .step__title .ico, .side-list .ico, .fact__icon .ico действуют
   и на маску); форма — маской из того же SVG, что рисует icon(), цвет — currentColor обёртки */
i.ico{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): пустое значение — блока нет */
.page-hero__lead:empty,.page-head__lead:empty,.nf__num:empty,.svc-lead:empty,.art-author .small:empty,.prose > .lead:empty,.hero__title span:empty{display:none}
.case__sum:empty,.case__sum[data-sum=""],.contacts-main__actions:empty{display:none}
/* пустая вводная полоса (.lead-band без «Текста» у группы услуг, без вводной у текстовой страницы) — секции нет */
.section--tight:has(> .container > .lead-band:empty){display:none}
/* у статьи без «Услуг по теме» не остаётся разделителя перед пустым местом */
.art-author__divider:last-child{display:none}

/* Пустая рубрика: вместо ленты — строка со ссылкой на все статьи (в макете пустого состояния нет) */
.blog-list + .lead{display:none}
.blog-list:empty + .lead{display:block}

/* Лента с листанием: движок оборачивает каждую запись в <div style="display:contents">, и правило макета
   .blog-row:first-child (без отступа сверху) срабатывало бы у каждой записи — отступ возвращаем всем, кроме первой */
.blog-list > [data-pdopg] > .blog-row{padding-top:22px}
.blog-list > [data-pdopg]:first-child > .blog-row{padding-top:0}

/* Форма в сайдбаре: движок дописывает в <form> свои div (ловушка для ботов, блок ответа), и .side-card
   .form__row:last-of-type макета больше не попадает в последнюю строку полей — она теперь предпоследний div */
.side-card .bf-form .form__row:nth-last-of-type(2){margin-bottom:12px}

/* Ответ формы движка — как демо-строка .form-note макета; ошибка — в красной гамме макета */
.bf-msg{margin-top:14px;padding:12px 16px;background:#EAF7EE;border-left:3px solid var(--green);font-size:14px;line-height:22px;color:#14532D}
.bf-msg[hidden]{display:none}
.bf-msg.bf-err{background:var(--red-tint);border-left-color:var(--red);color:var(--red-ink)}

/* Листание движка (кнопки с инлайн-стилями) — в стиле .pagination макета */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:32px 0 0!important}
.pdo-pagenav .pdo-pagebtn{min-width:40px;height:40px;display:grid!important;place-items:center;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:#fff!important;font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--head)!important;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.pdo-pagenav .pdo-pagebtn:hover{border-color:var(--red)!important;color:var(--red-ink)!important}
.pdo-pagenav .pdo-pagebtn.active{background:var(--red-surface)!important;border-color:var(--red-surface)!important;color:#fff!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.35;cursor:default}
.pdo-pagenav span{color:var(--muted)}

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

/* Карточки услуг (каталог и страница группы) — блоки без фото по просьбе владельца: рамка с красной чертой сверху, как
   у .team-card макета; название, цена и «Подробнее» со стрелкой. «Подробнее» прижат к низу, чтобы в ряду карточек
   с заголовками разной длины стрелки стояли на одной линии (ячейки сетки тянутся на высоту ряда) */
.cat-grid{gap:20px}
.cat-card{display:flex;flex-direction:column;gap:6px;padding:22px 24px 20px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);border-radius:0 0 var(--radius-card) var(--radius-card);transition:border-color .18s ease,box-shadow .18s ease}
.cat-card:hover{border-color:var(--red);box-shadow:var(--shadow-sticky)}
.cat-card__title{margin-top:0;font-size:17px;line-height:25px;font-weight:700;color:var(--head);transition:color .18s ease}
.cat-card:hover .cat-card__title{color:var(--red-ink);text-decoration:none}
.cat-card__price{margin-top:0;font-size:14px;line-height:22px}
.cat-card .ghost-link{margin-top:auto;padding-top:10px;font-size:14px}
.cat-card:hover .ghost-link .ico{transform:translateX(4px)}

/* Страница услуги без фото в начале колонки (владелец убрал .svc-intro__media): её открывает плашка консультации —
   верхний отступ, который отделял плашку от фото, больше не нужен, колонка встаёт вровень с сайдбаром */
.svc-intro > .svc-callout{margin-top:0}

/* Мегаменю: заголовок группы — ссылка на страницу группы (в макете — <p>). Отступ — как у ссылок списка группы
   (палец попадает и на телефоне); наведение — как у ссылок списка в той же среде: в бургер-меню на тёмной панели
   белым с подчёркиванием, на десктопе в белой панели — красным */
a.mega__title{padding:7px 0;transition:color .18s ease}
a.mega__title:hover{color:#fff}
a.mega__title:hover span{text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){
  a.mega__title{padding:0 0 8px}
  a.mega__title:hover{color:var(--red-ink)}
  a.mega__title:hover span{text-decoration:none}
}

/* Запасная ссылка кнопок окна «Обратный звонок» (без скрипта) — /kontakty.html/#cform-title, заголовок формы «Напишите
   нам»: шапка липкая (.hdr sticky, высота --hdr-h), без отступа она закрыла бы заголовок; +56px — верхнее поле белой
   карточки формы (26–34px) и воздух над ней, как у якорей .practice-row макета */
.consult__form-title{scroll-margin-top:calc(var(--hdr-h) + 56px)}

/* Шапка: ссылка «Юридические статьи» слева от иконок соцсетей. На узких экранах скрыта: с ней шапка
   на 900px разъезжается на три строки — там место у бургера, а ссылка появляется с 960px */
.hdr__articles{display:none;align-items:center;height:34px;padding:0 4px;font-size:12px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;transition:color .18s ease}
.hdr__articles:hover{color:var(--red)}
@media (min-width:960px){.hdr__articles{display:inline-flex;margin-right:2px}}

/* Меню второй строки шапки: панель во всю ширину, пункты распределяются по ней (просьба владельца) */
@media (min-width:900px){
  .nav__panel{
    position:static;
    width:auto;
    background:transparent;
    padding:0;
    overflow:visible;
    transform:none;
    display:flex;
    justify-content:space-between;
  }
}

/* Логотип-баннер в полосе «О компании» на главной (ссылка на juristonline24.ru) */
.intro__logo{margin:24px 0 0;max-width:560px}
.intro__logo img{display:block;width:100%;height:auto}

/* Маски иконок строк MIGX (i.ico--<ключ>) — ниже, их генерирует сид страниц */
i.ico--phone{--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.4%203.5h3l1.6%204-2%201.3a12.5%2012.5%200%200%200%206.2%206.2l1.3-2%204%201.6v3a2%202%200%200%201-2.2%202A17.4%2017.4%200%200%201%204.4%205.7a2%202%200%200%201%202-2.2Z%22%2F%3E%3C%2Fsvg%3E")}
i.ico--docs{--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h5.5L19%207.5V17a2%202%200%200%201-2%202H9a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Z%22%2F%3E%3Cpath%20d%3D%22M14.5%203v4.5H19M5%207v12a2%202%200%200%200%202%202h9%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8.5%2012.5%202.5%202.5%202%20-2%202.5%202.5%22%2F%3E%3Cpath%20d%3D%22M2.8%208.5%207%206h4l2%201.8L15%206h4l2.2%202.5v6L18%2017.5l-3-2.4M6%2017.5%202.8%2014.5v-6%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18M7%2021h10M4.5%208h15M12%205.5%204.5%208l-2.2%205.6a4%204%200%200%200%207.9%200L12%205.5Zm0%200L19.5%208l2.2%205.6a4%204%200%200%201-7.9%200L12%205.5Z%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%225.6%22%2F%3E%3Cpath%20d%3D%22m8.4%2013.6-1.6%207%205.2-2.6%205.2%202.6-1.6-7%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2016.5v2.2a1%201%200%200%201-1%201H2.4M20%2016.5v2.2a1%201%200%200%200%201%201h.6%22%2F%3E%3Cpath%20d%3D%22M3%2016.5v-4l2-5.2A2%202%200%200%201%206.9%206h10.2a2%202%200%200%201%201.9%201.3l2%205.2v4Z%22%2F%3E%3Cpath%20d%3D%22M4.5%2012.5h15M7%2015.2h1.6M15.4%2015.2H17%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.8%204.5%206v6c0%204.4%203.1%207.9%207.5%209.2%204.4-1.3%207.5-4.8%207.5-9.2V6Z%22%2F%3E%3Cpath%20d%3D%22M9%2012.2l2.2%202.2L15.4%2010%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.8%22%20y%3D%227.2%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8.6%207.2V5.6a2%202%200%200%201%202-2h2.8a2%202%200%200%201%202%202v1.6M2.8%2012.6h18.4%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%226.2%22%20rx%3D%227.2%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4.8%206.2v5.4c0%201.7%203.2%203%207.2%203s7.2-1.3%207.2-3V6.2%22%2F%3E%3Cpath%20d%3D%22M4.8%2011.6V17c0%201.7%203.2%203%207.2%203s7.2-1.3%207.2-3v-5.4%22%2F%3E%3C%2Fsvg%3E")}
i.ico--support{--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.5%2014v-2a7.5%207.5%200%200%201%2015%200v2%22%2F%3E%3Crect%20x%3D%222.5%22%20y%3D%2213%22%20rx%3D%221.6%22%2F%3E%3Crect%20x%3D%2217.5%22%20y%3D%2213%22%20rx%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M19.5%2019v.8a2.4%202.4%200%200%201-2.4%202.4H13%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V9M10%2020V4M16%2020v-7M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2018%2012-12%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%222.4%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2216.5%22%20r%3D%222.4%22%2F%3E%3C%2Fsvg%3E")}
i.ico--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13.5%203H7a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h10a2%202%200%200%200%202-2V8.5Z%22%2F%3E%3Cpath%20d%3D%22M13.5%203v5.5H19M8.5%2013h7M8.5%2016.5h5%22%2F%3E%3C%2Fsvg%3E")}
i.ico--copyright{--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%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%22M15.2%209.4a4%204%200%201%200%200%205.2%22%2F%3E%3C%2Fsvg%3E")}
i.ico--plane{--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.5%2019.5%2012%2021l2-4.5%205.5-1.5%201.5-2-6-1%201.5-4.5-2-1.5-3.5%204.5-6-1.5-1.5%202%205%202.5-1%204Z%22%2F%3E%3C%2Fsvg%3E")}
i.ico--users{--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%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M2.8%2020a6.4%206.4%200%200%201%2012.4%200%22%2F%3E%3Cpath%20d%3D%22M16%205.2a3.4%203.4%200%200%201%200%206.6M17.8%2014.4A5.6%205.6%200%200%201%2021.4%2020%22%2F%3E%3C%2Fsvg%3E")}
