/* === ENCRALYS – Distribution TMDB (cast + crew) === */

.encralys-distribution-wrapper {
  padding: 12px;
}

.encralys-distribution-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 600;
  color: #f5f5f5;
}

.encralys-distribution-empty {
  margin: 0 0 8px;
  opacity: 0.7;
  color: #d4d4d4;
}

.encralys-distribution-toggle {
  display: inline-flex;
  gap: 8px;
  margin-bottom: 14px;
  background: #121212;
  padding: 4px;
  border-radius: 999px;
}

.encralys-dist-tab-button {
  border: none;
  background: transparent;
  color: #a3a3a3;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.2;
  transition: background 0.15s ease, color 0.15s ease;
}

.encralys-dist-tab-button.is-active {
  color: #ffffff;
  background: #27272a;
}

/* Sections */
.encralys-distribution-section {
  display: none;
  margin-top: 4px;
}

.encralys-distribution-section.is-active {
  display: block;
}

/* Grille de cartes */
.encralys-distribution-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
}

/* Carte personne (acteur / crew) */
.encralys-distribution-card {
  border: 1px solid var(--bb-border, #27272a);
  border-radius: 10px;
  overflow: hidden;
  background: #18181b;
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Image ou placeholder */
.encralys-distribution-photo {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
}

.encralys-distribution-photo--placeholder {
  background: #27272a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 24px;
}

/* Texte dans la carte */
.encralys-distribution-card-body {
  padding: 8px 10px;
}

.encralys-distribution-name {
  font-weight: 700;
  font-size: 14px;
  color: #f5f5f5;
  margin: 0 0 2px;
}

.encralys-distribution-role {
  font-size: 12px;
  color: #d4d4d4;
  opacity: 0.75;
  margin: 0;
}

/* Petit ajustement mobile */
@media (max-width: 480px) {
  .encralys-distribution-grid {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
  }
}