body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero {
isolation: isolate;
}
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero.cdg-df-battle-section-head::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
display: block;
width: auto;
height: auto;
margin: 0;
border-radius: 0;
pointer-events: none;
background-image:
linear-gradient(
to bottom,
rgba(5, 10, 35, 0.42) 0%,
rgba(5, 10, 35, 0.52) 100%
),
radial-gradient(
ellipse 88% 82% at 50% 38%,
rgba(15, 23, 42, 0.58) 0%,
rgba(15, 23, 42, 0.22) 52%,
transparent 76%
),
url(//calendanse.fr/wp-content/uploads/2026/05/fond-dance-floor-battle.jpg);
background-size: 100% 100%, 100% 100%, cover;
background-position: center, center, center;
background-repeat: no-repeat;
opacity: 1;
mix-blend-mode: normal;
}
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero > *,
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main,
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero__tagline,
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero__stats,
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero__progress {
position: relative;
z-index: 1;
}
body.page-id-3078.cdg-dancefloor-battle .cdb-game-logo-main {
z-index: 2;
}
@media (max-width: 480px) {
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero.cdg-df-battle-section-head::after {
background-image:
linear-gradient(
to bottom,
rgba(5, 10, 35, 0.5) 0%,
rgba(5, 10, 35, 0.62) 100%
),
radial-gradient(
ellipse 98% 88% at 50% 36%,
rgba(15, 23, 42, 0.62) 0%,
rgba(15, 23, 42, 0.28) 55%,
transparent 82%
),
url(//calendanse.fr/wp-content/uploads/2026/05/fond-dance-floor-battle.jpg);
background-position: center, center, 50% 42%;
}
}
@media (prefers-reduced-motion: reduce) {
body.page-id-3078.cdg-dancefloor-battle .cdg-jeux-hero::before {
animation: none;
}
}