/* B2 tâche 007 — R14/AC15.3. Page « Offres recommandées » du talent,
   pixel-perfect au mockup validé /mockups/talent/recommendations.
   Reprend les styles embarqués du mockup (zéro CSS inline dans la vue) :
   titre au dégradé gold (#1828), languette de match à cheval sur la couture
   photo / fiche (#1909), et l'état actif des boutons like/dislike. */

/* #1828 : titre au dégradé gold, comme les autres titres de pages.
   Le padding droit compensé évite que la dernière lettre italique soit rognée
   par le background-clip:text (même parade que #1818). */
.tr-h1 {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.015em;
  line-height: 1.15;
  color: #2C2C2C;
  margin: 0 0 6px;
}
.tr-h1 em {
  font-style: italic;
  font-weight: 600;
  display: inline-block;
  padding-right: .14em;
  margin-right: -.14em;
  background: var(--gold-text-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* #1909 : le match se place au même endroit sur tous les profils, à cheval
   sur la couture photo / blanc de la card, collé à droite et tranche. */
.ds-card-mtab {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(50%);
  z-index: 4;
  display: inline-flex;
  border-radius: 999px 0 0 999px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(30, 28, 24, .20);
}
.ds-card-mtab .tsm-badge {
  border-radius: 999px 0 0 999px;
  border-right: none;
  padding-right: 11px;
}

/* Card : le padding du ds-card est porté par le corps (photo bord à bord). */
.tr-card { padding: 0; overflow: hidden; }
.tr-card-title { font-size: 16px; }
.tr-salary { font-size: 15px; }
.tr-salary-unit { font-size: 11px; }

/* Galerie « Aperçu » (alignée sur les cartes talent/explorer, #1352). */
.tr-thumb { aspect-ratio: 1.4; }
.tr-thumb-active { box-shadow: 0 0 0 1.5px rgba(201, 165, 74, .4); }

/* Commentaire d'Auguste « Pourquoi cette offre » (#1830). */
.tr-reason { padding: 9px 11px; line-height: 1.5; }

/* Feedback like/dislike — état actif après un like (Turbo). */
.tr-fb-btn.is-active {
  background: hsl(var(--brand-gold-50));
  border-color: hsl(var(--brand-gold-main));
}

/* Boutons Shortlister / Voir l'offre (paddings du mockup). */
.tr-btn-shortlist { padding: 7px 12px; white-space: nowrap; }
.tr-btn-view { padding: 7px 13px; white-space: nowrap; }

/* Aplat neutre quand la Maison n'a pas de photo (retour Loïc 07/08) : même
   dégradé que les autres cartes, jamais le décor d'un autre établissement. */
.tr-card-photo-empty{background:linear-gradient(135deg,#1A1614,#2C2A26);}