/* ===== AFO – Prix du court-métrage (badge single film) =====
   2026-07-07 : badge picto + libellé prix, aligné à droite du titre.
   2026-07-07 (fix responsive) : le badge débordait du viewport en tablette
   (nowrap + 24px letterspaced dans une colonne étroite de la row Kadence).
   → typo fluide clamp(), wrap autorisé, garde-fous anti-débordement.
*/

.afo-prix-court-metrage{
  display:inline-flex;
  align-items:center;      /* picto calé sur la 1re ligne si le libellé wrappe */
  gap: 12px;

  max-width: 100%;             /* jamais plus large que la colonne/écran */
  min-width: 0;                /* autorise le rétrécissement en contexte flex */
  box-sizing: border-box;
}

.afo-prix-court-metrage .pcm-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  margin-top: 1px;             /* alignement optique avec la cap-height du libellé */
}

/* Pictos fluides : 28px en desktop, réduits proportionnellement en petit écran */
.afo-prix-court-metrage .pcm-icon svg{
  display:block;
  width: clamp(20px, 3.4vw, 28px);
  height: clamp(20px, 3.4vw, 28px);
}

.afo-prix-court-metrage .pcm-label{
  min-width: 0;
  color: #DA237F;
  font-family: "BBB Poppins TN", Poppins, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;

  /* Fluide : plein format en desktop, se compresse sans déborder en tablette/mobile */
  font-size: clamp(15px, 2.4vw, 24px);
  letter-spacing: clamp(1.4px, 0.24vw, 2.4px);
  text-transform: uppercase;

  /* Garde-fous : au pire le libellé passe sur 2 lignes plutôt que de sortir de l'écran */
  white-space: normal;
  overflow-wrap: anywhere;
}