/* R2R_SEPTEMBER_SHAOLIN_THEME_V1
 * Same leaderboard layout/behavior as August Vikings.
 * Only campaign identity changes: body class/background/logo.
 */
/* R2R_AUGUST_VIKINGS_BRANDING_V2 */

html,
body.r2r-september-shaolin {
    min-height: 100%;
}

body.r2r-september-shaolin {
    background:
        linear-gradient(
            180deg,
            rgba(5, 15, 24, 0.18) 0%,
            rgba(5, 15, 24, 0.38) 42%,
            rgba(5, 15, 24, 0.66) 100%
        ),
        url('/assets/uploads/r2r-app/september-shaolin-bg.png?v=20260901-live-1')
        center top / cover fixed no-repeat !important;
}

body.r2r-september-shaolin::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(
            circle at 50% 8%,
            rgba(255,255,255,.12),
            transparent 38%
        );
}

body.r2r-september-shaolin > * {
    position: relative;
    z-index: 1;
}

body.r2r-september-shaolin .leaderboard-brand-left {
    display: flex;
    align-items: center;
}

body.r2r-september-shaolin .leaderboard-brand-left .competition-logo {
    width: min(390px, 78vw);
    max-width: 100%;
}

body.r2r-september-shaolin .leaderboard-brand-left .competition-logo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 235px;
    object-fit: contain;
    filter:
        drop-shadow(0 8px 20px rgba(0,0,0,.48))
        drop-shadow(0 2px 5px rgba(0,0,0,.42));
}

@media (max-width: 720px) {
    body.r2r-september-shaolin {
        background-attachment: scroll !important;
        background-position: center top !important;
    }

    body.r2r-september-shaolin .leaderboard-brand-left .competition-logo {
        width: min(310px, 84vw);
    }

    body.r2r-september-shaolin .leaderboard-brand-left .competition-logo img {
        max-height: 190px;
    }
}

/* R2R_AUGUST_UI_FIX_V1 */

body.r2r-september-shaolin .leaderboard-brand-left .competition-logo img {
    filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/*
 * El placeholder puede estar llegando desde una salida cacheada o
 * desde un bloque legado no presente en la vista principal.
 */
body.r2r-september-shaolin .av-edition-status-banner {
    display: none !important;
}

/* R2R_SEPTEMBER_SHAOLIN_LOGO_110_ONLY_V1
 * ONLY September Shaolin.
 * Keeps layout box unchanged and scales the visible logo +10%.
 */
body.r2r-september-shaolin .leaderboard-brand-left .competition-logo {
    overflow: visible !important;
}

body.r2r-september-shaolin .leaderboard-brand-left .competition-logo img {
    transform: scale(1.10) !important;
    transform-origin: left center !important;
}