/* ============================================================================
   APPLE ICONS — единая иконочная система клона new.teyes.com.ru
   Lucide (ISC) в инлайн-спрайте apple-icons.html + иллюстрации unDraw (MIT)
   для пустых состояний. Отдельный файл, потому что сохранение темы в
   дизайнере перезаписывает user.css (та же причина, что у apple-wave1.css).
   ========================================================================= */

/* --- 1. базовая иконка ---------------------------------------------------
   Размер наследуется от кегля текста, цвет — от currentColor, поэтому одна
   и та же иконка работает и на белой пилюле, и на чёрной. */
.lu {
    width: 1.15em;
    height: 1.15em;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -0.16em;
}
.lu_lg { width: 1.5em; height: 1.5em; }
.lu_sm { width: 1em;   height: 1em;   }

/* Спрайт не должен занимать место в потоке. */
.apple-icons-sprite { display: none; }

/* --- 2. карточки контактов (/contactus/) ---------------------------------
   Раньше в плитке стоял эмодзи (☎ ✉ ▶) — он рендерился шрифтом системы и
   на Android приезжал цветным. Теперь SVG, цвет — фирменный синий. */
.ahp-contact__ico .lu {
    width: 20px;
    height: 20px;
    color: #006BD7;
    vertical-align: 0;
}

/* --- 3. подсказка о доставке в чекауте ------------------------------------
   Было ::before с эмодзи 🚚. */
.ahc-ship-hint { display: flex; gap: 8px; align-items: flex-start; }
.ahc-ship-hint .lu {
    width: 17px;
    height: 17px;
    color: #006BD7;
    margin-top: 1px;
    vertical-align: 0;
}

/* --- 4. стрелка в ссылке «Все магнитолы …» --------------------------------
   Было текстовое →. Стрелка чуть уезжает вправо при наведении. */
.ahm-mark__all .lu {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    transition: transform .18s ease;
}
.ahm-mark__all:hover .lu { transform: translateX(3px); }

/* --- 5. пустые состояния --------------------------------------------------
   Вендорский .not-found-block — это просто два текстовых дива, прижатых
   влево. Добавляем иллюстрацию через ::before (фоном, чтобы не трогать
   разметку вендора) и центрируем содержимое.

   По умолчанию — «поиск ничего не нашёл»: этот блок чаще всего появляется
   именно при пустой выдаче фильтра или поиска. Корзина и сравнение
   переопределены ниже. */
.not-found-block {
    text-align: center;
    padding: 8px 20px 32px;
}
.not-found-block::before {
    content: "";
    display: block;
    width: min(260px, 62vw);
    height: 170px;
    margin: 0 auto 22px;
    background: url("img/undraw/file-searching.svg") center / contain no-repeat;
}
.not-found-block__header {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: #1d1d1f;
    margin-bottom: 8px;
}
.not-found-block__content {
    font-size: 15px;
    line-height: 1.5;
    color: #6e6e73;
    max-width: 420px;
    margin: 0 auto;
}
.not-found-block__content .link {
    color: #006BD7;
    text-decoration: none;
}
.not-found-block__content .link:hover { text-decoration: underline; }

.cart-page .not-found-block::before {
    background-image: url("img/undraw/empty-cart.svg");
    height: 185px;
}
.compare-page .not-found-block::before {
    background-image: url("img/undraw/empty.svg");
}

/* Отзывы под товаром используют тот же блок, но иллюстрация там лишняя:
   «отзывов пока нет» — не проблема, которую надо подсвечивать картинкой.
   Класс обёртки проверен по живой вёрстке (reviews.html, CustomerReviewsList.html). */
.product-reviews__empty-container .not-found-block::before { display: none; }
.product-reviews__empty-container .not-found-block { padding-bottom: 16px; }

/* Категории: штатный блок «В этой категории нет ни одного товара» рендерится
   сервером, а затем скрывается скриптом APPLE LINE KEEPER (category.html) —
   на его место встаёт наша плашка .alk-empty с выходом на родительскую
   категорию. Иллюстрация здесь только мигнула бы до отработки скрипта,
   поэтому не показываем её; текст-фолбэк на случай отказа JS остаётся. */
.category-page .not-found-block::before { display: none; }
.category-page .not-found-block { padding-bottom: 16px; }

@media (max-width: 860px) {
    .not-found-block { padding: 4px 16px 26px; }
    .not-found-block::before { height: 140px; margin-bottom: 18px; }
    .cart-page .not-found-block::before { height: 150px; }
    .not-found-block__header { font-size: 18px; }
    .not-found-block__content { font-size: 14px; }
}