/* Jednotný hover efekt pre klikateľné obsahové dlaždice SomGeek. */

:where(
    .sg-media-card,
    .sg-story-card,
    .sg-video-card,
    .sg-mini-story,
    .sg-popular-list article,
    .sg-archive-card,
    .sg-archive-latest article,
    .sg-related-card,
    .sg-article-widget__posts article,
    .sg-platforms a,
    .sg-community-links a,
    .sg-partner-ticker a
) {
    position: relative;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
    :where(
        .sg-media-card,
        .sg-story-card,
        .sg-video-card,
        .sg-mini-story,
        .sg-popular-list article,
        .sg-archive-card,
        .sg-archive-latest article,
        .sg-related-card,
        .sg-article-widget__posts article,
        .sg-platforms a,
        .sg-community-links a,
        .sg-partner-ticker a
    ):hover {
        z-index: 4;
        transform: translateY(-3px);
        border-color: #414b56;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.3);
    }
}

:where(
    .sg-media-card,
    .sg-story-card,
    .sg-video-card,
    .sg-mini-story,
    .sg-popular-list article,
    .sg-archive-card,
    .sg-archive-latest article,
    .sg-related-card,
    .sg-article-widget__posts article,
    .sg-platforms a,
    .sg-community-links a,
    .sg-partner-ticker a
):focus-within {
    z-index: 4;
    transform: translateY(-3px);
    border-color: var(--sg-gold);
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(226, 170, 22, 0.35);
}

/* Jemné zvýraznenie tmavých dlaždíc bez zmeny ich pôvodnej farby. */
@media (hover: hover) and (pointer: fine) {
    .sg-platforms a:hover,
    .sg-community-links a:hover,
    .sg-partner-ticker a:hover {
        background-color: rgba(255, 255, 255, 0.035);
    }
}

@media (prefers-reduced-motion: reduce) {
    :where(
        .sg-media-card,
        .sg-story-card,
        .sg-video-card,
        .sg-mini-story,
        .sg-popular-list article,
        .sg-archive-card,
        .sg-archive-latest article,
        .sg-related-card,
        .sg-article-widget__posts article,
        .sg-platforms a,
        .sg-community-links a,
        .sg-partner-ticker a
    ) {
        transition: none;
    }

    :where(
        .sg-media-card,
        .sg-story-card,
        .sg-video-card,
        .sg-mini-story,
        .sg-popular-list article,
        .sg-archive-card,
        .sg-archive-latest article,
        .sg-related-card,
        .sg-article-widget__posts article,
        .sg-platforms a,
        .sg-community-links a,
        .sg-partner-ticker a
    ):hover,
    :where(
        .sg-media-card,
        .sg-story-card,
        .sg-video-card,
        .sg-mini-story,
        .sg-popular-list article,
        .sg-archive-card,
        .sg-archive-latest article,
        .sg-related-card,
        .sg-article-widget__posts article,
        .sg-platforms a,
        .sg-community-links a,
        .sg-partner-ticker a
    ):focus-within {
        transform: none;
    }
}