/* Torkzt · home_poster.css — обложки в лентах главной.
 *
 * Приводит карточки главной к тому же виду, что в каталоге: квадратная
 * обложка у музыки и софта, градиентная заглушка с иконкой типа при
 * отсутствии постера.
 *
 * Подключать ПОСЛЕ home.css: правила ниже перебивают пропорцию .home-poster.
 * Стили самой заглушки (.rel-ph) живут в catalog_poster.css — он должен
 * быть подключён на странице тоже.
 */

/* ── квадрат для музыки и софта ──
   Класс вешает releaseIndex.php по release_type_poster_square() — тому же
   правилу, что работает в каталоге и на странице релиза. */

.home-poster-square {
    aspect-ratio: 1 / 1;
}

.home-poster-square img,
.home-poster-square .poster-placeholder,
.home-poster-square .rel-ph {
    border-radius: inherit;
}

/* ── заглушка ──
   release_poster_html() отдаёт её обёрнутой в .poster-placeholder;
   растягиваем обёртку на весь блок постера. */

.home-poster .poster-placeholder {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
    border-radius: inherit;
}

/* Плашки поверх заглушки рассчитаны на фотографию: тёмный текст с тенью
   на светлом градиенте читается плохо. Даём им собственную подложку. */

.home-poster:has(.poster-placeholder) .home-ratings .home-rate,
.home-poster:has(.poster-placeholder) .home-torrents,
.home-poster:has(.poster-placeholder) .home-cat {
    background: rgba(255, 255, 255, .62);
    color: #38414d;
    text-shadow: none;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

/* ── подпись раздела ──
   Используется только в смешанных лентах; сейчас ленты разбиты по
   разделам, но класс оставлен: он пригодится, если вернёшь общую ленту. */

.home-cat {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    padding: 3px 8px;
    border-radius: 7px;
    background: rgba(0, 0, 0, .58);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}