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

/* Иконки строк MIGX (преимущества, шаги «Как мы работаем»): значения экранируются, SVG туда нельзя. В строке — ключ:
   <i data-ic="<ключ>"> без класса, форма — маской i[data-ic="<ключ>"]{--ic:url("data:image/svg+xml,…")} из того же SVG,
   что рисует icon() макета (маски по ключам дописывает сид страниц), цвет — currentColor обёртки (.adv__icon,
   .step__icon). display — как у svg.icon макета (.icon {display:inline-block; flex:0 0 auto}) */
i[data-ic]{display:inline-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): пустое значение — блока нет. Токены стоят вплотную к тегам */
.hero__sub:empty,.section-head__aside:empty,.page-head__sub:empty,.page-head .eyebrow:empty,.price-note:empty,
.contacts__small:empty,.card__price:empty,.card__text:empty,.about__text > p:empty{display:none}
/* кнопка заголовочного экрана ($headBtnText !== '' в page-head.php) */
.page-head__actions:has(> .btn:empty){display:none}
/* «Текст» страницы ([[*content]] вплотную к .container) и пустая лента статей — секции нет, иначе пустая полоса с
   отступами секции */
.legal-text:has(> .container:empty),.section:has(> .container:empty){display:none}

/* Дата статьи — надпись над H1 заголовочного экрана (класс .eyebrow из style.css макета) */
.page-head .eyebrow{margin-bottom:20px}

/* Заголовок карточки эвакуатора / статьи стал ссылкой на свою страницу (у макета карточки без адресов): цвет — как у
   текста вокруг (a {color:inherit} макета), подчёркивание при наведении — как у .nav__link */
.card__title a{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px;transition:text-decoration-color var(--dur) var(--ease)}
.card__title a:hover{text-decoration-color:currentColor}

/* Услуга без фото: красный акцентный кадр карточки (.card__media--accent) в колонке фото блока .about — пропорции как у
   фото этого блока (.about__media img: 16/11, с 900px — 4/3), а не портретные 4/5 карточки */
.about__media > .card__media--accent{aspect-ratio:16 / 11}
@media (min-width: 900px){.about__media > .card__media--accent{aspect-ratio:4 / 3}}

/* «Текст» в .legal-text (политика, статьи, тексты главной и услуг — перенесённые и написанные генерацией): у макета
   оформлены только h2, абзацы и маркированные списки privacy.php; сброс снимает подчёркивание ссылок — возвращаем,
   добавляем h3, нумерованные списки, картинки, видео, таблицы и цитаты в тоне макета */
.legal-text h3{margin-top:32px;margin-bottom:12px}
.legal-text h2 + h3{margin-top:0}
.legal-text a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color var(--dur) var(--ease)}
.legal-text a:hover{color:var(--text)}
.legal-text strong{color:var(--text);font-weight:600}
.legal-text ol{margin-top:16px;display:grid;gap:10px}
.legal-text ul + p,.legal-text ol + p,.legal-text table + p,.legal-text blockquote + p,.legal-text img + p{margin-top:16px}
.legal-text img{height:auto;margin-top:16px}
.legal-text iframe{width:100%;height:auto;aspect-ratio:16 / 9;border:0;margin-top:16px}
.legal-text table{display:block;overflow-x:auto;margin-top:16px}
.legal-text th,.legal-text td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top;font-size:15px;line-height:1.5;color:var(--text-muted)}
.legal-text th{color:var(--text);font-weight:600}
.legal-text blockquote{margin-top:16px;padding-left:20px;border-left:2px solid var(--accent);color:var(--text-muted)}

/* Ответ формы движка ([[+msg]] сразу после .form__status макета — там main.js пишет итог проверки полей): в тоне
   .form__status, ошибка — акцентным цветом, как .field__error. Скрытое состояние держит [hidden]{display:none!important} */
.callback__form .bf-msg{margin-top:16px;font-size:14px;line-height:1.5;color:var(--text-muted)}
.callback__form .bf-msg.bf-err{color:var(--accent)}

/* Листание ленты статей (навигация движка после сетки .card-grid; у макета листания нет): кнопки в духе .btn--ghost —
   квадратные, прописные, текущая залита белым. Кнопки движка — с инлайн-стилями, поэтому !important */
.pdo-pagenav{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;margin:40px 0 0!important}
.pdo-pagenav .pdo-pagebtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:12px 16px!important;border:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.pdo-pagenav .pdo-pagebtn:hover,.pdo-pagenav .pdo-pagebtn.active{background:#FFFFFF!important;border-color:#FFFFFF!important;color:#000000!important}
.pdo-pagenav .pdo-pagebtn[disabled]{opacity:.35;cursor:default;background:transparent!important;border-color:var(--line)!important;color:var(--text)!important}

/* Маски иконок i[data-ic="<ключ>"] по icon() макета — дописывает bin/pbn/zakaz-evakuatora_2_pages.php при каждом прогоне.
   Файл перезаписывается целиком: статичную часть правьте в bin/pbn/data/zakaz-evakuatora/pbn-enhance.css */
i[data-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%207v5.2l3.4%202%22%2F%3E%3C%2Fsvg%3E")}
i[data-ic="truck"]{--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%22M1.5%206h11.2v10H1.5z%22%2F%3E%3Cpath%20d%3D%22M12.7%209.6h4l3.8%203.9V16h-7.8z%22%2F%3E%3Cpath%20d%3D%22M8.2%2016h7%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218.4%22%20r%3D%222.1%22%2F%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%2218.4%22%20r%3D%222.1%22%2F%3E%3C%2Fsvg%3E")}
i[data-ic="platform"]{--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%22M1.5%2020.6h21%22%2F%3E%3Cpath%20d%3D%22M2%2015.4h20%22%2F%3E%3Cpath%20d%3D%22M2%2015.4V8.8h4.3l2.1%203.2v3.4%22%2F%3E%3Cpath%20d%3D%22m10.4%2015.4%201.9-3.3h5.3l1.8%203.3%22%2F%3E%3Ccircle%20cx%3D%226.4%22%20cy%3D%2218.1%22%20r%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2216.6%22%20cy%3D%2218.1%22%20r%3D%222.2%22%2F%3E%3C%2Fsvg%3E")}
i[data-ic="card"]{--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%3Crect%20x%3D%222.5%22%20y%3D%225.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19%22%2F%3E%3Cpath%20d%3D%22M6%2014.5h4%22%2F%3E%3C%2Fsvg%3E")}
i[data-ic="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%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cpath%20d%3D%22M6.4%203.2h3.1l1.6%204-2%201.3a12.4%2012.4%200%200%200%206.4%206.4l1.3-2%204%201.6v3.1a2%202%200%200%201-2.2%202A17.6%2017.6%200%200%201%204.4%205.4a2%202%200%200%201%202-2.2z%22%2F%3E%3C%2Fsvg%3E")}
i[data-ic="route"]{--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%225.5%22%20cy%3D%226%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218%22%20r%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M8.1%206h5.4a3.5%203.5%200%200%201%200%207h-3a3.5%203.5%200%200%200%200%207h5.4%22%2F%3E%3C%2Fsvg%3E")}
i[data-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%202.8%204.5%206v6.2c0%204.2%203.1%207.5%207.5%209%204.4-1.5%207.5-4.8%207.5-9V6z%22%2F%3E%3Cpath%20d%3D%22m8.8%2012%202.3%202.3%204.1-4.6%22%2F%3E%3C%2Fsvg%3E")}