/* =========================================================
   Retro Events – Collection-specific styling
   Full rewrite for clarity & readability (NO REGRESSION)
========================================================= */

/* ---------------------------------------------------------
   Hero overlay
--------------------------------------------------------- */

.ccg-page--collection-single .ccg-collection-hero .ccg-genre-hero__overlay {
    background: linear-gradient(
        180deg,
        rgba(1, 9, 24, 0.38) 0%,
        rgba(1, 9, 24, 0.65) 100%
    );
}

/* ---------------------------------------------------------
   Hero title & tagline (balanced brightness)
--------------------------------------------------------- */

.ccg-page--collection-single .ccg-collection-hero .ccg-genre-hero__title {
    color: #e9fbff;
    text-shadow:
        0 0 6px rgba(0, 200, 255, 0.35),
        0 0 14px rgba(0, 180, 240, 0.25);
}

.ccg-page--collection-single .ccg-collection-hero .ccg-genre-hero__tagline {
    color: rgba(235, 250, 255, 0.92);
    text-shadow: 0 0 8px rgba(0, 180, 240, 0.25);
}

/* ---------------------------------------------------------
   Hero META pill (FINAL FIX – lifted above overlay)
--------------------------------------------------------- */

.ccg-page--collection-single
.ccg-collection-hero
.ccg-genre-meta {
    position: relative;
    z-index: 5;              /* Lift above hero overlay */
    isolation: isolate;      /* Prevent overlay bleed */

    margin-top: 0.75rem;
    padding: 0.55rem 0.9rem;

    background: linear-gradient(
        180deg,
        rgba(60, 170, 220, 0.85),
        rgba(25, 110, 160, 0.85)
    );

    border: 1px solid rgba(200, 240, 255, 0.55);
    border-radius: 6px;

    color: rgba(245, 255, 255, 0.98);

    box-shadow:
        0 0 22px rgba(0, 180, 240, 0.45),
        inset 0 0 14px rgba(255, 255, 255, 0.08);

    text-shadow: none;       /* Remove dark hero shadow */
    opacity: 1;
    filter: none;
}

.ccg-page--collection-single
.ccg-collection-hero
.ccg-genre-meta span {
    color: rgba(245, 255, 255, 0.98);
    text-shadow: none;
}

/* ---------------------------------------------------------
   Retro Event cards
--------------------------------------------------------- */

.ccg-page--collection-single .ccg-game-card--retro-event {
    position: relative;
    min-height: 100%;
}

.ccg-page--collection-single .ccg-game-card--retro-event .ccg-game-card__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.7rem;
}

.ccg-page--collection-single .ccg-game-card--retro-event .ccg-game-card__title {
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    font-size: clamp(0.96rem, 2vw, 1.08rem);
    line-height: 1.25;
}

/* ---------------------------------------------------------
   Event badge (right)
--------------------------------------------------------- */

.ccg-page--collection-single
.ccg-game-card--retro-event
.ccg-collection-badge--event {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    pointer-events: none;

    padding: 0.3rem 0.55rem;
    font-size: clamp(0.55rem, 1.2vw, 0.7rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #f3f9ff;
    background: linear-gradient(
        135deg,
        rgba(49, 129, 255, 0.95),
        rgba(27, 92, 217, 0.9)
    );

    border: 1px solid rgba(199, 226, 255, 0.65);
    border-radius: 6px;

    box-shadow: 0 0 12px rgba(48, 118, 255, 0.5);
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------
   Members-only badge (left)
--------------------------------------------------------- */

.ccg-page--collection-single
.ccg-game-card[data-members-only="true"]
.ccg-collection-badge--members {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    pointer-events: none;

    padding: 0.3rem 0.55rem;
    font-size: clamp(0.55rem, 1.2vw, 0.7rem);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    color: #f9fbff;
    background: linear-gradient(
        135deg,
        rgba(255, 42, 109, 0.95),
        rgba(255, 72, 149, 0.88)
    );

    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 6px;

    box-shadow: 0 0 12px rgba(255, 70, 150, 0.65);
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.65);
}

/* ---------------------------------------------------------
   Mobile tweaks
--------------------------------------------------------- */

@media (max-width: 680px) {
    .ccg-page--collection-single
    .ccg-game-card--retro-event
    .ccg-collection-badge--event {
        top: 8px;
        right: 8px;
        padding: 0.25rem 0.45rem;
    }

    .ccg-page--collection-single
    .ccg-game-card[data-members-only="true"]
    .ccg-collection-badge--members {
        top: 8px;
        left: 8px;
        padding: 0.25rem 0.45rem;
    }
}