/* ================================
   COMPOSANTS – CASTING FILM
   (Animations flip et spécificités)
   ================================ */

/* ================================
   FLIP ANIMATION
   ================================ */

.cast-role-card--actor .role-playing-card .pc-3d{
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .6s ease;
}

/* Hover desktop */
html:not(.touch) .cast-role-card--actor .role-playing-card.is-flippable:hover .pc-3d{
  transform: rotateY(180deg);
}

/* Flip via aria-pressed (JS touche / tactile) */
.cast-role-card--actor .role-playing-card[aria-pressed="true"] .pc-3d{
  transform: rotateY(180deg);
}

/* ================================
   TITRE - FILMOGRAPHIE
   ================================ */
.filmography-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    margin: 8px auto 20px;
    padding: 10px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(14,165,233,.14), rgba(168,85,247,.14));
    border: 1px solid rgba(14,165,233,.25);
    color: #0f172a;
    font-size: clamp(1.45rem, 2.2vw, 2rem);
    font-weight: 800;
    letter-spacing: .2px;
}