/* Futivi HTML Pack – styles.css */
:root{
  --izlex-primary: #0d6efd;
}
body { background-color: #f8fafc; }
.navbar .navbar-brand strong { letter-spacing:.2px; }
#categoryNav .nav-link { border-radius: 999px; }
.card-video { transition: box-shadow .2s ease; cursor: pointer; }
.card-video:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); }
.card-thumb { border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
.badge-tag { background: #eef2ff; color: #3730a3; }
.text-truncate-2{
  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden;
}
.text-truncate-3{
  display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow:hidden;
}
/* Modal */
.modal-body .ratio { background: #000; border-radius: .5rem; }

/* Footer */
footer {
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 0.9rem;
}