/* ==============================
   Movie Details v2 (scoped)
   ============================== */

/* Naslov – poravnat sa meta blokom */
#detailHeaderV2 h1.detail-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 3rem;
  margin: 0;
  padding: 0;
  display: inline-block;
}
@media (max-width: 576px) {
  #detailHeaderV2 h1.detail-title { font-size: 24px !important; }
}

/* Akcione "pill" tipke */
#detailHeaderV2 .pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #1f1f1f;
  color: #eaeaea;
  border: none;
  font-size: 16px;
  line-height: 1;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .06s ease;
  text-decoration: none; /* za <a> varijante */
}
#detailHeaderV2 .pill-btn:hover { background: #8c0000; color: #fff; border-color: rgba(255,255,255,0.14); }
#detailHeaderV2 .pill-btn:active { transform: translateY(1px); }
#detailHeaderV2 .pill-btn.strong { background: #2e2e2e; }
#detailHeaderV2 .action-row .pill-btn i { font-size: 18px; line-height: 1; }

/* Linkovi za glumce */
#detailHeaderV2 .actor-link { color: #f01e1e; }
#detailHeaderV2 .actor-link:hover { color: #8c0000; }

/* Badge (director ime) */
#detailHeaderV2 .badge.bg-dark-subtle { background-color: #00000024 !important; color: #fff !important; border: 1px solid rgba(255,255,255,0.08); }
#detailHeaderV2 .badge.bg-dark-subtle:hover { background-color: #f01e1e !important; }

/* Opis */
#detailHeaderV2 .description { max-width: 1100px; color: #bfbfbf; }
#detailHeaderV2 .view-more { color: #d7d7d7; }
#detailHeaderV2 .view-more:hover { color: #ffffff; }

#viewsCountText {
  font-size: 15px;
}
/* Meta red (trajanje, datum) */
#detailHeaderV2 .text-body-tertiary { color: #9aa0a6 !important; font-size: 15px; line-height: 1.1; }

/* Razmaci sekcije (trenutno se ne koristi jer nema .section-spacing u Blade-u) */
/* #detailHeaderV2 .section-spacing { padding-top: .75rem; padding-bottom: .75rem; } */
#detailHeaderV2 .action-row { row-gap: .5rem; column-gap: .5rem; margin-bottom: 20px; }

/* Utility – smanji kontrast default "text-body-secondary" unutar ovog bloka */
#detailHeaderV2 .text-body-secondary { color: #b5b5b5 !important; }

#detailHeaderV2 .meta-vcd { margin-bottom: 15px;}

/* Kombinovana animacija - Pulse i Bounce */
@keyframes pulse-bounce-animation {
  0% {
    transform: scale(1) translateY(0);
  }
  50% {
    transform: scale(1.3) rotate(-10deg);  /* Blagi porast veličine */
    opacity: 0.8;

  }
  100% {
    transform: scale(1) translateY(0);
  }
}

/* Dodajemo ovu klasu kada je ikona lajkovana */
.like-icon-pulse-bounce {
  animation: pulse-bounce-animation 0.7s ease-in-out;
}