/* pbn-enhance.css — дополнения к style.css макета sinergia-msk.ru под токен-движок BablO$. Статичная часть: пишет этап схемы (bin/pbn/sinergia-msk_1_schema.php), сид страниц (bin/pbn/sinergia-msk_2_pages.php) копирует этот файл в public/sites/sinergia-msk-ru/assets/css/pbn-enhance.css и ДОПИСЫВАЕТ в конец маски иконок i.icon-<ключ>{--ic:url("data:image/svg+xml,…")} по всем ключам icon() макета. Подключается в ch_head сразу после style.css. Только переменные и классы макета; своих классов нет — кроме служебных классов движка (.bf-msg/.bf-ok/.bf-err — ответ формы, .pdo-pagenav/.pdo-pagebtn/.active — листание выдачи), которые движок ставит сам. Все «условия» макета решены :empty/:has и АТРИБУТАМИ данных (data-rating, data-order, data-empty): значение атрибута движок не экранирует в класс, поэтому выдуманных классов не появляется. */ /* ------------------------------------------------------------------ * * 1. Иконки в строках наборов (MIGX) — ключ + CSS-маска * ------------------------------------------------------------------ */ /* Значения строк движок экранирует, SVG туда нельзя. В строке лежит КЛЮЧ icon() макета, в разметке — (классы те же, что у из icon()), форма — маской i.icon-<ключ>{--ic:…} из того же SVG (маски дописывает сид страниц), цвет — currentColor, как stroke="currentColor" у svg макета; display:block — как svg{display:block} в сбросе style.css. ⚠ У маски «star» сид кладёт вариант SVG с fill="currentColor": в макете звёзды закрашивает правило .rating-stars svg{fill:currentColor}, а маска из голого контура дала бы пустой контур. */ i.icon{display:block;flex:0 0 auto;background-color:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat} /* ключ не задан (class="icon icon-") — без маски залился бы сплошным квадратом */ i.icon-{display:none} /* Больше у правил нет намеренно: display:block повторяет svg{display:block} сброса style.css, поэтому маска ведёт себя ровно так же, как макета в том же месте (во flex-контейнерах — в строку, в обычном блоке — на своей строке, как у макета). */ /* ------------------------------------------------------------------ * * 2. Звёзды отзыва: сколько закрашено — атрибут data-rating * ------------------------------------------------------------------ */ /* В карточке отзыва звёзд всегда пять (str_repeat() движку недоступен, а класс-модификатор с числом пришлось бы выдумывать). Лишние гасим тем же цветом, что .rating-stars--muted svg макета. Цвет закрашенных — currentColor карточки, как у макета в .review-card__stars. */ .review-card__stars[data-rating="4"] i.icon-star:nth-child(n+5), .review-card__stars[data-rating="3"] i.icon-star:nth-child(n+4), .review-card__stars[data-rating="2"] i.icon-star:nth-child(n+3), .review-card__stars[data-rating="1"] i.icon-star:nth-child(n+2){background-color:var(--color-border-card)} /* ------------------------------------------------------------------ * * 3. Блок покупки: обычный товар или товар под заказ * ------------------------------------------------------------------ */ /* product.php макета рисует ОДИН из двух .buy-box по условию $isMadeToOrder. Условий в движке нет, поэтому в разметке есть оба, а выбирает атрибут data-order у .product-info (TV «Товар под заказ»). */ .product-info:not([data-order="1"]) .buy-box[data-buy="order"], .product-info[data-order="1"] .buy-box[data-buy="cart"]{display:none} /* ------------------------------------------------------------------ * * 4. Пустая выдача: текст вместо сетки * ------------------------------------------------------------------ */ /* sections/product-card-grid.php печатает $sectionGridEmptyText ВМЕСТО сетки, когда товаров нет. Здесь текст стоит перед сеткой всегда и скрыт, пока сетка есть (пустая выдача обёртку не печатает). */ .lede[data-empty]:has(+ .product-grid){display:none} /* ------------------------------------------------------------------ * * 5. Условные блоки макета (if (!empty(…)) в его PHP) * ------------------------------------------------------------------ */ /* Значения — поля админки: пустое поле означает, что элемента в макете не было. Токены стоят вплотную к тегам, иначе пробелы не дали бы сработать :empty. */ .eyebrow:empty,.lede:empty,.section__head h2:empty,.promo-banner__partner:empty, .product-card__badge:empty,.product-card__old-price:empty,.buy-box__old-price:empty, .article-card__cat:empty,.article-card__excerpt:empty,.product-rating__meta:empty, .error-page__code:empty,.footer-bottom__disclaimer:empty,.company-teaser__title:empty, .rating-row__source:empty,.team-card__post:empty,.team-card__text:empty{display:none} /* Бренд товара: у живых карточек поля «бренд» нет, словарь производителей узнаёт не всех. Пустой бренд гасит и хвост «Артикул X · », и бейдж «Официальный дилер …» — иначе сайт объявлял бы себя дилером самого себя. Значение атрибута движок не экранирует в класс, выдуманных классов не появляется. */ .product-card__sku [data-brand=""],.badge[data-brand=""]{display:none} /* Текст раздела из админки: у 300 с лишним разделов своего текста нет, блок .article-body пуст */ .article-body:empty{display:none} /* Пустые выборки: набор строк пуст — обёртку движок не печатает, но остаётся тег из разметки макета */ .steps-row:empty,.article-scroller:empty,.mainnav__list:empty,.mobile-menu__list:empty, .topbar__social:empty,.footer-block__social-icons:empty,.social-links-col:empty, .catalog-dropdown__cats:empty,.catalog-dropdown__subs:empty,.breadcrumbs__list:empty{display:none} /* Плашка .notice-box без текста (у макета такой плашки просто нет): в ней остаётся одна иконка */ .notice-box:not(:has(> p)){display:none} /* Заголовок секции, после которого ничего не отрисовалось (нет карточек, нет товаров, нет записей): у макета такой секции нет вовсе. :first-child:last-child — секция состоит ТОЛЬКО из заголовка (на 404 перед заголовком стоит .error-page, поэтому страница не пропадает). */ .section__head:last-child{display:none} .section:has(> .container > .section__head:first-child:last-child), .section:has(> .section__head:first-child:last-child){display:none} /* Промо-баннер без слайдов (набор «Слайды промо-баннера» пуст) */ .promo-banner:has(> .promo-banner__track:empty){display:none} /* Хлебные крошки: у главной, 404 и служебных страниц набора нет — пустой