/* =========================================================================
   Accueil Kogitas — bloc « Des jeux nés de nos manuels » (inc/kgv-jeux.php)
   S'appuie sur les jetons de kg-accueil.css (.kgv).
   ========================================================================= */

.kgv-jeux {
	--c: var(--kgv-orange);
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	align-items: center;
	gap: 40px;
	margin-top: 28px;
	padding: 44px 48px;
	border-radius: var(--kgv-radius);
	background:
		radial-gradient(120% 90% at 100% 0%, rgba(255, 107, 53, .28), transparent 55%),
		radial-gradient(90% 80% at 0% 100%, rgba(99, 102, 241, .22), transparent 60%),
		var(--kgv-navy);
	color: #cbd5f5;
	overflow: hidden;
	box-shadow: var(--kgv-shadow-lg);
}
.kgv-jeux--sans-visuel { grid-template-columns: 1fr; }

.kgv-jeux__tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #ffb38f;
	background: rgba(255, 107, 53, .12);
	border: 1px solid rgba(255, 107, 53, .3);
}
.kgv-jeux__tag .kg-ico { width: 14px; height: 14px; }

.kgv .kgv-jeux h3 {
	margin: 16px 0 12px;
	font-family: var(--kgv-title);
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
}
.kgv .kgv-jeux__lead { margin: 0; max-width: 560px; font-size: 16px; line-height: 1.65; color: #aab4d4; }

.kgv .kgv-jeux__points {
	display: grid;
	gap: 14px;
	margin: 24px 0 30px;
	padding: 0;
	list-style: none;
}
.kgv-jeux__points li { display: flex; align-items: flex-start; gap: 14px; font-size: 14.5px; line-height: 1.5; color: #aab4d4; }
.kgv-jeux__points strong { display: block; font-family: var(--kgv-title); font-size: 15.5px; font-weight: 600; color: #fff; }
.kgv-jeux__ico {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	color: #ffb38f;
	background: rgba(255, 107, 53, .14);
	border: 1px solid rgba(255, 107, 53, .25);
}
.kgv-jeux__ico .kg-ico { width: 20px; height: 20px; }
.kgv-jeux .kgv-btn .kg-ico { width: 18px; height: 18px; }

/* Couvertures : une seule posée en volume, plusieurs en éventail. */
.kgv-jeux__covers { position: relative; display: flex; justify-content: center; align-items: center; min-height: 300px; }
.kgv-jeux__cover {
	width: 62%;
	max-width: 280px;
	height: auto;
	border-radius: 18px;
	box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08);
	transform: rotate(3deg);
	transition: transform .4s cubic-bezier(.2, .8, .2, 1);
}
.kgv-jeux:hover .kgv-jeux__cover { transform: rotate(0) translateY(-4px); }
.kgv-jeux__covers--2 .kgv-jeux__cover,
.kgv-jeux__covers--3 .kgv-jeux__cover { position: absolute; width: 48%; }
.kgv-jeux__covers--2 .kgv-jeux__cover:nth-child(1) { transform: translateX(-26%) rotate(-6deg); }
.kgv-jeux__covers--2 .kgv-jeux__cover:nth-child(2) { transform: translateX(26%) rotate(5deg); }
.kgv-jeux__covers--3 .kgv-jeux__cover:nth-child(1) { transform: translateX(-40%) rotate(-9deg) scale(.9); }
.kgv-jeux__covers--3 .kgv-jeux__cover:nth-child(2) { z-index: 2; transform: translateY(-4%); }
.kgv-jeux__covers--3 .kgv-jeux__cover:nth-child(3) { transform: translateX(40%) rotate(9deg) scale(.9); }

@media (max-width: 900px) {
	.kgv-jeux { grid-template-columns: 1fr; gap: 28px; padding: 32px 24px; }
	.kgv-jeux__covers { min-height: 0; order: -1; }
	.kgv-jeux__cover { width: 46%; max-width: 200px; }
}
@media (prefers-reduced-motion: reduce) {
	.kgv-jeux__cover { transition: none; }
}