/*
 * GreenPartTHM — complément visuel du thème SerionV8
 * Section « 05 · Training Offers » (#training) : le bloc vert foncé (.afrotletics-card)
 * reçoit le dégradé jaune → vert de la section « 11 · Final CTA » (.final-cta) :
 * linear-gradient(135deg, var(--serion-yellow), var(--serion-primary))
 */
.training-section .afrotletics-card {
	background: linear-gradient(var(--gpthm-angle, 135deg), var(--serion-yellow, #F6E500), var(--serion-primary, #43C95A)) !important;
	background-color: var(--serion-primary, #43C95A) !important;
	color: var(--serion-green, #123728);
	border: 1px solid rgba(255, 255, 255, .35);
	box-shadow: var(--serion-shadow, 0 24px 70px rgba(16, 46, 34, .12));
}

/* Même effet « energy sweep » que .final-cta */
.training-section .afrotletics-card:before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 0 43%, rgba(255, 255, 255, .16) 43.2%, transparent 44%),
		linear-gradient(65deg, transparent 0 58%, rgba(255, 255, 255, .12) 58.2%, transparent 59%);
	animation: energy-sweep 9s linear infinite;
}

/* Grande lettre décorative : passe de blanc translucide à vert foncé translucide */
.training-section .afrotletics-card:after {
	color: rgba(18, 55, 40, .08);
}

/* Textes : vert foncé du thème pour garder un contraste lisible sur le dégradé */
.training-section .afrotletics-card > * {
	position: relative;
	z-index: 1;
}
.training-section .afrotletics-card .eyebrow {
	color: var(--serion-green, #123728);
}
.training-section .afrotletics-card .eyebrow:after {
	background: var(--serion-green, #123728); /* comme .final-cta .eyebrow:after */
}
.training-section .afrotletics-card p,
.training-section .afrotletics-card p:last-child {
	color: var(--serion-green, #123728);
}

@media (prefers-reduced-motion: reduce) {
	.training-section .afrotletics-card:before {
		animation: none !important;
	}
}