/* Дополнения к Vue-приложению print-house-products (/@media/print-house-products/).
   Исходников приложения в проекте нет, поэтому недостающие мелочи дорисовываем здесь.
   Подключается из app/Basic/Views/Products/ph_products.php и app/Basic/Views/OrderProduct/index.php
   после стилей приложения.
   Кириллица в content — escape-последовательностями, чтобы не зависеть от кодировки файла. */

/* Подсказка «НАЖМИТЕ НА ЦЕНУ, ЧТОБЫ ОФОРМИТЬ ЗАКАЗ» под названием продукта.
   В офсетной вкладке (и в «Продукции с ламинацией» — тот же компонент) она есть в самом
   приложении: <div class="title__subtext">. В остальных вкладках её нет, хотя клик по цене
   так же открывает форму заказа. Дорисовываем псевдоэлементом с теми же стилями:
   text-align: center; margin: 10px 0; padding: 6px; font-size: 16px; font-weight: 400. */

/* 1. Широкоформатная печать и фотообои — компонент .large:
      первый потомок .large — заголовок продукта (d-flex justify-content-center). */
.print-house-products-app .large > div:first-child {
    flex-wrap: wrap;
}

.print-house-products-app .large > div:first-child::after {
    content: "\41D \410 \416 \41C \418 \422 \415 \20 \41D \410 \20 \426 \415 \41D \423 \2C \20 \427 \422 \41E \411 \42B \20 \41E \424 \41E \420 \41C \418 \422 \42C \20 \417 \410 \41A \410 \417 ";
    flex: 0 0 100%;
    margin: 10px 0 0;
    padding: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

/* 2. Многостраничная, высечная, пакеты, папки, пластиковые карты, ручки, флешки,
      календари, стаканчики, конверты, таблички — общий компонент с таблицей MaterialPrice:
      .title > .title__text. Офсет исключаем по наличию собственной подписи .title__subtext.
      Если браузер не понимает :has(), правило просто игнорируется — подсказки не будет,
      ничего не ломается. */
.print-house-products-app .title:has(> .title__text):not(:has(.title__subtext))::after {
    content: "\41D \410 \416 \41C \418 \422 \415 \20 \41D \410 \20 \426 \415 \41D \423 \2C \20 \427 \422 \41E \411 \42B \20 \41E \424 \41E \420 \41C \418 \422 \42C \20 \417 \410 \41A \410 \417 ";
    display: block;
    margin: 10px 0 0;
    padding: 6px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}