/**
 * Hover-эффекты карточек листинга (слот CARD, варианты v4/v7/v10).
 *
 * .sns-card-hover          — контейнер карточки;
 * .sns-card-hover-img      — фото, слегка масштабируется при наведении;
 * .sns-card-hover-actions  — оверлей с кнопкой, появляется при наведении
 *                            (на тач-устройствах виден всегда).
 *
 * Беспрефиксные имена (.card-hover*) — легаси уже применённых сайтов,
 * новые партиалы используют только sns-* (политика Template/Views).
 *
 * Путь: front/assets/main/css/card-effects.css
 */

.card-hover,
.sns-card-hover {
    transition: box-shadow .2s ease, transform .2s ease;
}

.card-hover:hover,
.sns-card-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    transform: translateY(-2px);
}

.card-hover-img,
.sns-card-hover-img {
    transition: transform .3s ease;
}

.card-hover:hover .card-hover-img,
.sns-card-hover:hover .sns-card-hover-img {
    transform: scale(1.04);
}

.card-hover-actions,
.sns-card-hover-actions {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0%, transparent 100%);
}

.card-hover:hover .card-hover-actions,
.card-hover:focus-within .card-hover-actions,
.sns-card-hover:hover .sns-card-hover-actions,
.sns-card-hover:focus-within .sns-card-hover-actions {
    opacity: 1;
    transform: translateY(0);
}

/* Тач-устройства: hover нет — кнопка видна всегда. */
@media (hover: none) {
    .card-hover-actions,
    .sns-card-hover-actions {
        opacity: 1;
        transform: none;
    }
}