/* =========================================================================
   DDA — STRUCTURE « PAGE CLASSEMENT » — base théme-agnostique — v1.58.0
   -------------------------------------------------------------------------
   Charte LORE&GO appliquée à la page de classement.
   Scope : body.dda-skin. Valeurs par thème : assets/themes/<clé>.vars.css.
   Les visuels de saga (affiche/panorama) sont injectés dynamiquement via
   les variables CSS --dda-hero-img / --dda-panorama-img.
   ========================================================================= */

/* — Fond de page (corps) : clair par défaut (parchemin). — */
/* v1.79.0 — Mappage identique à #AccesGame (page d'accueil du jeu) :
   même couleur de fond de page (html + body) et même image de scène. */
html {
	background: var(--dda-accesgame-bg-color, var(--dda-body-bg-color, #f5f0e6)) !important;
}
body.dda-skin {
	background: var(--dda-accesgame-bg-color, var(--dda-body-bg-color, #f5f0e6)) var(--dda-body-bg-img, none);
	background-repeat: repeat;
}

/* — Hero plein écran : plafonné à 1700px pour éviter la coupure responsive. — */
body.dda-skin #main.fullscreen {
	/* v1.79.0 — Même fond que le bloc #AccesGame de l'accueil du jeu :
	   la scène de palette (--dda-home-bg) porte déjà son propre dégradé. */
	background: var(--dda-accesgame-bg-color, black)
		var(--dda-home-bg, var(--dda-hero-img, var(--dda-panorama-img, url(https://www.deliroom.fr/wp-content/uploads/2023/10/classement-CAD.jpg))))
		var(--dda-accesgame-bg-repeat, no-repeat)
		var(--dda-accesgame-bg-position, center top);
	background-size: var(--dda-accesgame-bg-size, cover);
	height: 120%;
}

@media only screen and (max-width: 1700px) {
	body.dda-skin #main.fullscreen {
		background-size: cover;
		max-width: 1700px;
	}
}

@media only screen and (max-width: 1024px) {
	body.dda-skin #main.fullscreen {
		background-position: center top;
	}
}

@media only screen and (max-width: 800px) {
	body.dda-skin #main.fullscreen {
		background-position: center top;
	}
}

@media only screen and (max-width: 480px) {
	body.dda-skin #main.fullscreen {
		background-position: center top;
	}
}

body.dda-skin .subfooter {
	display: none;
}

/* — Titres / messages : couleur paramétrable + ombre de lisibilité. — */
body.dda-skin .fullscreen .comment-text h2,
body.dda-skin .fullscreen .wr-default-page h2 {
	font-family: 'Fredoka', var(--dda-display-font, sans-serif);
	font-size: 32px;
	line-height: 1.15;
	text-align: center;
	color: var(--dda-heading-color, white);
	text-shadow: var(--dda-heading-shadow, 0 0 10px black);
	margin: 0 0 24px;
}

body.dda-skin .fullscreen .wr-default-page h2 {
	margin: 230px 0 30px 25%;
	width: 50%;
}

body.dda-skin .fullscreen .no-data {
	font-family: 'Fredoka', var(--dda-display-font, sans-serif);
	font-size: 22px;
	color: var(--dda-heading-color, var(--dda-accent, #db2658));
	display: inline-block;
	width: 100%;
}

body.dda-skin#fullscreen .more_leaderboard {
	background: var(--dda-classement-mascot, url(/wp-content/themes/solonick/includes/images/aventureland/foxi-classement.png)) top no-repeat;
	padding: var(--dda-mascot-pad, 192px) 0 0 0;
	margin: var(--dda-mascot-margin, -192px) 0 0 0;
}

body.dda-skin .fullscreen table.quiz_leaderboard_wrapper th {
	color: white;
	background: var(--dda-accent, #db2658);
	font-family: 'Fredoka', var(--dda-display-font, sans-serif);
	font-size: 16px;
	padding: 14px 10px;
}

body.dda-skin .fullscreen table.quiz_leaderboard_wrapper tr {
	background: var(--dda-table-row, rgb(184, 0, 2, .5));
}

body.dda-skin .fullscreen .leaderboard_main table.quiz_leaderboard_wrapper tr {
	background: var(--dda-table-row-alt, rgb(119, 0, 4, .4));
}

body.dda-skin .fullscreen .leaderboard_main table.quiz_leaderboard_wrapper tr.first {
	background: var(--dda-table-row, rgb(184, 0, 2, .5));
}

body.dda-skin .fullscreen table tr {
	border-top: 1px solid white;
}

body.dda-skin .fullscreen table tr:first-child {
	border-bottom: 1px solid white;
	border-top: none;
}

body.dda-skin .fullscreen table.quiz_leaderboard_wrapper td {
	color: white;
	font-size: 15px;
	padding: 12px 10px;
}

body.dda-skin .fullscreen table.quiz_leaderboard_wrapper tr.first td {
	color: white;
}

body.dda-skin .fullscreen #sec1 .CAD_form a.home,
body.dda-skin .fullscreen #sec1 .bt_swtich {
	background-color: var(--dda-cta-bg, rgba(161, 6, 48, 1));
}

body.dda-skin .fullscreen div#classement_qrcode p {
	color: var(--dda-qrcode-color, white);
	font-weight: bold;
	text-shadow: var(--dda-heading-shadow, 0 0 10px black);
	display: none;
}

body.dda-skin .fullscreen .more_leaderboard span {
	color: var(--dda-medal-text, gold);
}

body.dda-skin .fullscreen .more_leaderboard table.quiz_leaderboard_wrapper tr:nth-child(2) td:first-child {
	background: var(--dda-medal-month, url(/wp-content/themes/solonick/includes/images/aventureland/first_of_the_month.png)) 10px center no-repeat;
	color: var(--dda-medal-text, white);
}

body.dda-skin .fullscreen .more_leaderboard table.quiz_leaderboard_wrapper tr:nth-child(4) td:first-child {
	background: var(--dda-medal-alltime, url(/wp-content/themes/solonick/includes/images/aventureland/first_of_all_time.png)) 10px center no-repeat;
	color: var(--dda-medal-text, white);
	height: 150px;
	padding: 0 20px 0 120px;
}

body.dda-skin .fullscreen .main-footer {
	display: none;
}

/* =========================================================================
   NOUVEAUX BLOCS LORE&GO (v1.57.0) — Hero + intro
   ========================================================================= */

body.dda-skin .dda-classement-hero {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 40px;
	padding: 0 20px;
}

body.dda-skin .dda-classement-hero__visual {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 6;
	min-height: 280px;
	max-height: 520px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0,0,0,0.35);
}

body.dda-skin .dda-classement-hero__panorama {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

body.dda-skin .dda-classement-hero__affiche {
	position: absolute;
	left: 4%;
	bottom: -30px;
	width: 22%;
	max-width: 220px;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 15px 40px rgba(0,0,0,0.45);
	z-index: 3;
	border: 3px solid rgba(255,255,255,0.85);
}

body.dda-skin .dda-classement-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 40px 4% 50px 30%;
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
}

body.dda-skin .dda-classement-hero__baseline {
	font-family: 'Fredoka', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.85);
	margin-bottom: 8px;
}

body.dda-skin .dda-classement-hero__title {
	font-family: 'Fredoka', var(--dda-display-font, sans-serif);
	font-size: clamp(32px, 5vw, 64px);
	font-weight: 700;
	line-height: 1.05;
	color: #fff;
	text-shadow: 0 4px 20px rgba(0,0,0,0.6);
	margin: 0 0 8px;
}

body.dda-skin .dda-classement-hero__subtitle {
	font-family: 'Fredoka', sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	color: rgba(255,255,255,0.9);
	text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

body.dda-skin .dda-classement-intro {
	max-width: 900px;
	margin: 60px auto 40px;
	padding: 0 20px;
	text-align: center;
}

body.dda-skin .dda-classement-intro h2 {
	font-family: 'Fredoka', var(--dda-display-font, sans-serif);
	font-size: 28px;
	color: var(--dda-heading-color, var(--dda-accent, #db2658));
	margin-bottom: 16px;
}

body.dda-skin .dda-classement-intro p {
	font-family: 'Fredoka', sans-serif;
	font-size: 17px;
	line-height: 1.6;
	color: var(--dda-text-color, #333);
}

@media only screen and (max-width: 1024px) {
	body.dda-skin .dda-classement-hero__affiche {
		width: 28%;
		max-width: 180px;
	}
	body.dda-skin .dda-classement-hero__overlay {
		padding-left: 36%;
	}
}

@media only screen and (max-width: 800px) {
	body.dda-skin .dda-classement-hero__visual {
		aspect-ratio: 16 / 8;
	}
	body.dda-skin .dda-classement-hero__affiche {
		width: 35%;
		max-width: 150px;
		bottom: -20px;
	}
	body.dda-skin .dda-classement-hero__overlay {
		padding: 30px 5% 40px 42%;
	}
	body.dda-skin .fullscreen .wr-default-page h2 {
		margin: 130px 0 20px 0;
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	body.dda-skin .dda-classement-hero__affiche {
		display: none;
	}
	body.dda-skin .dda-classement-hero__overlay {
		padding: 30px 5%;
		align-items: center;
		text-align: center;
	}
	body.dda-skin .fullscreen .wr-default-page h2 {
		margin: 78px 0 0px 0;
		width: 100%;
		font-size: 25px;
	}
}

@media only screen and (max-width: 480px) {
	body.dda-skin .fullscreen .wr-default-page h2 {
		margin: 60px 0 10px 0;
		width: 100%;
		font-size: 16px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 400px) {
	body.dda-skin .fullscreen .wr-default-page h2 {
		margin: 35px 0 10px 0;
		width: 100%;
		font-size: 25px;
		line-height: 27px;
	}
}

/* v1.58.0 — Optimisations 22" / grands écrans */
@media only screen and (min-width: 1920px) {
	body.dda-skin .fullscreen .comment-text h2,
	body.dda-skin .fullscreen .wr-default-page h2 {
		font-size: 40px;
		margin: 280px 0 34px 25%;
	}
	body.dda-skin .fullscreen table.quiz_leaderboard_wrapper th {
		font-size: 18px;
		padding: 16px 12px;
	}
	body.dda-skin .fullscreen table.quiz_leaderboard_wrapper td {
		font-size: 17px;
		padding: 14px 12px;
	}
	body.dda-skin .dda-classement-hero__title {
		font-size: clamp(42px, 5vw, 76px);
	}
	body.dda-skin .dda-classement-hero__subtitle {
		font-size: 24px;
	}
	body.dda-skin .dda-classement-intro h2 {
		font-size: 34px;
	}
	body.dda-skin .dda-classement-intro p {
		font-size: 20px;
		line-height: 1.7;
	}
}