/* ==========================================================================
   .pm-issue-card — carte de promotion du numéro en cours
   Figma : Frame 85 — fond #F7F5F3, rayon 4, padding 20, gap 12.
   ========================================================================== */

.pm-issue-card {
  display: flex;
  flex-direction: column;
  gap: var(--pm-space-xs);
  padding: var(--pm-space-m);
  border-radius: var(--pm-radius-m);
  background-color: var(--pm-color-surface-muted);
}

.pm-issue-card__body {
  display: flex;
  gap: var(--pm-space-l);
}

/* Même boîte que la couverture du bloc « En kiosque » (kiosk.css) : 109×146,
   la taille du style d'image magazine_cover_sidebar et du `sizes` de son
   style responsive. Largeur fixe plutôt que fluide : c'est un visuel de
   couverture, il ne doit pas se déformer quand le titre du numéro s'allonge.
   height: auto neutralise l'attribut height="146" posé par Drupal, qui, avec
   une largeur différente, rognait la couverture sur les côtés. */
.pm-issue-card__cover {
  flex: 0 0 auto;
  width: 109px;
  height: auto;
  aspect-ratio: 109 / 146;
  object-fit: cover;
}

.pm-issue-card__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--pm-space-3xs);
  min-width: 0; /* autorise le titre à se couper au lieu de pousser la carte */
}

/* Les trois lignes de texte (date, série, titre) ne portent aucune règle ici :
   leurs styles viennent des utilitaires .pm-text-note / .pm-text-interface /
   .pm-text-h2 de typography.css, qui reprennent les styles nommés de Figma. */