/* ===========================================================================
 * Card links
 * Makes Gallery cards feel connected/navigable without redesigning them.
 * - Title links keep the original title look (no underline, inherited color).
 * - A stretched "media link" covers the artwork image so a click opens the
 *   artwork, while the avatar / favorite / CTA stay above and keep behaving.
 * - A stretched "card link" makes collection cards open the collection.
 * - JS-navigable cards (artist / followed-artist) get a pointer cursor.
 * =========================================================================== */

/* Title text links: inherit the existing card title styling. */
.discover-view__title-main,
.latest-artworks__title-main,
.collection-item__title,
.artist-card__name-link,
.artist-card__slider-info,
.card--artist [data-artist-profile-link],
.artist-card__slider [data-artist-profile-link] {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

/* Stretched link over the artwork image (inside the hover overlay). It sits
   behind the overlay rows so the avatar/favorite/CTA buttons keep working. */
.card-media-link {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    border-radius: inherit;
}

.discover-view__hover--container-top,
.discover-view__hover--container-bottom,
.latest-artworks__hover--container-top,
.latest-artworks__hover--container-bottom {
    position: relative;
    z-index: 1;
}

/* Stretched link over a collection card. Title + side previews stay above. */
.collection-item {
    position: relative;
}

.collection-item__card-link {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    border-radius: inherit;
}

.collection-item__label,
.collection-item__details {
    position: relative;
    z-index: 1;
}

/* Avatar link wrapper: transparent in layout so the wrapped image keeps its
   exact positioning (e.g. negative-margin overlap) while staying clickable. */
.card-avatar-link {
    display: contents;
    cursor: pointer;
}

/* Whole-card navigation handled in JS still needs to look clickable. */
.artist-card[data-profile-url],
.profile-section__card[data-profile-url] {
    cursor: pointer;
}