/* ═══════════════════════════════════════════════════════════════════════════
 * PATCH 7.7 — Wishlist heart: возврат видимости белого круга.
 *
 * Контекст:
 *   В patch-7.5 я снял `box-shadow: var(--shadow-soft)` (которое было в
 *   main.css:363 на старой .kp-prod-fav), посчитав его лишним. Оказалось,
 *   именно эта тень держала «белый круг» на эталоне Image 4/5: продуктовые
 *   фото в каталоге часто на белом фоне, у имгврапа фон тоже белый, у
 *   нашей кнопки фон белый, а border 1px #E5E5E5 в этом white-on-white
 *   стэке визуально неотличим от фона. Без тени круг просто исчезал —
 *   Nick видел только SVG-сердце без обрамления.
 *
 * Что делает патч:
 *   1) Возвращает читаемую box-shadow на .kp-prod-fav (drop+lift, чуть
 *      сильнее, чем shadow-soft, чтобы на любом фоне круг был виден).
 *   2) При hover/active тень убирается — заливка var(--hot) сама даёт
 *      контраст, а тень бы загрязняла красный.
 *   3) Border слегка усилен только для нашего контекста (всё ещё через
 *      переменные, без слепых hex).
 *
 * Скоуп: тот же body.kp-body .kp-prod-imgwrap .kp-prod-fav, специфичность
 * 0,0,3,1 — перебивает patch-7.5 (тот же селектор, но позже в каскаде).
 * ═══════════════════════════════════════════════════════════════════════════ */


/* ───────── 1. Белый круг — снова виден ───────── */

body.kp-body .kp-prod-imgwrap .kp-prod-fav {
    /* Двухслойная тень: жёсткое 1px-кольцо + мягкий drop.
       Первый слой эмулирует чёткую границу (как outline, но без баунд-боксов).
       Второй даёт лёгкий «приподнятый» эффект — круг отделяется от фото. */
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.06),
        0 2px 6px rgba(0, 0, 0, 0.10);
    /* border у нас уже есть в patch-7.5 (1px solid var(--line)) — оставляем
       как fallback, но в стэке поверх тени он практически не работает. */
}


/* ───────── 2. Hover / .added — тень убираем, заливка сама держит контраст ───────── */

body.kp-body .kp-prod-imgwrap .kp-prod-fav:hover,
body.kp-body .kp-prod-imgwrap .kp-prod-fav:has(a.added) {
    /* Лёгкий лифт сохраняем, чтобы движение «нажалось» — но без серого ринга */
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.30);  /* красный соответствует --hot */
}