/**
 * movie_detail_tags.css
 * Styles spécifiques pour les tags de films sur la page de détail
 * Version optimisée pour getMovie.php
 */

/* Styles de base pour les tags */
.movie-tag {
  position: absolute;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  z-index: 10;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Positions des tags */
.movie-tag.position-top-right {
  top: 10px;
  right: 10px;
}

.movie-tag.position-top-left {
  top: 10px;
  left: 10px;
}

.movie-tag.position-bottom-right {
  bottom: 10px;
  right: 10px;
}

.movie-tag.position-bottom-left {
  bottom: 10px;
  left: 10px;
}

/* Animation de pulsation */
@keyframes tag-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.movie-tag.animated {
  animation: tag-pulse 1.5s infinite;
}

/* Types de tags spécifiques */
.tag-new {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.tag-popular {
  background: linear-gradient(135deg, #f39c12, #d35400);
}

.tag-favorite {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}

.tag-last-days {
  background: linear-gradient(135deg, #3498db, #2980b9);
}

.tag-coming-soon {
  background: linear-gradient(135deg, #2ecc71, #27ae60);
}

.tag-special {
  background: linear-gradient(135deg, #9b59b6, #8e44ad);
}

/* Styles pour les tags sur les affiches des films similaires */
.similar-tag {
  font-size: 10px;
  padding: 3px 6px;
}

/* Ajustements pour les conteneurs d'affiches */
.movie-poster,
.similar-movie-poster {
  position: relative;
  overflow: visible;
}

/* Responsive */
@media (max-width: 768px) {
  .movie-tag {
    font-size: 10px;
    padding: 4px 8px;
  }

  .similar-tag {
    font-size: 8px;
    padding: 2px 4px;
  }
}

/* Styles pour les tags dynamiques chargés depuis les types personnalisés */
.custom-tag {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Effet de survol subtil */
.movie-tag:not(.animated):hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}