/**
 * Card Talent — Styles spécifiques de la carte talent
 * Étend .ri-post-card (post-card.css)
 *
 * Structure HTML :
 *   <article class="ri-post-card ri-card-talent">
 *     <div class="card-image">...</div>
 *     <div class="card-content">
 *       <div class="card-meta">
 *         <span class="card-tag">Surtitre</span>
 *         <span class="card-date">12.03.26</span>
 *       </div>
 *       <div class="card-body">
 *         <h3 class="card-title"><a>Nom du talent</a></h3>
 *       </div>
 *       <div class="card-footer">
 *         <a class="card-link">…</a>
 *       </div>
 *     </div>
 *   </article>
 */

/* ========================================
   Fond de la carte
   ======================================== */

.ri-card-talent .card-image {
	background-color: var(--ri-color-grey-mid);
	position: relative;
}

.ri-card-talent .card-image-link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.ri-card-talent .card-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(270deg, var(--ri-color-teal) 0%, rgba(255, 255, 255, 0) 47%),
		linear-gradient(270deg, rgba(255, 255, 255, 0) 50%, var(--ri-color-yellow) 100%);
	pointer-events: none;
}

.ri-card-talent .card-image-placeholder {
	display: block;
	width: 100%;
	aspect-ratio: 411 / 240;
	background-color: var(--ri-color-grey-mid);
}

.ri-card-talent .card-content {
	background-color: var(--ri-color-grey-mid);
}

/* ========================================
   Tag — fond text-1, texte accent
   ======================================== */

.ri-card-talent .card-tag {
	background-color: var(--ri-color-teal);
	color: var(--ri-color-yellow);
}

@media (max-width: 1050px) {

	.ri-card-talent .card-tag .hide-mobile {
		display: none;
	}
}

/* ========================================
   Titre : texte normal (pas clampé à 4 lignes pour les noms)
   ======================================== */

.ri-card-talent .card-title {
	-webkit-line-clamp: 3;
	line-clamp: 3;
	font: 500 var(--ri-size-text-body-xxl) / 1.4 var(--ri-font-1);
}

.ri-card-talent .card-title .is-accent {
	font-weight: 700;
	color: inherit;
}

/* ========================================
   Mobile — masquer le lien "Découvrir l'interview"
   ======================================== */

@media (max-width: 782px) {

	.ri-card-talent .card-date-label {
		display: none;
	}
}