/* Thème PlayTubes : néon violet/rose */
:root { --pt-accent:#8b5cf6; --pt-accent2:#ec4899; --pt-bg:#14121f; }

body { font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

/* boutons */
.btn, button.btn { border-radius: 999px !important; transition: all .2s ease; }
.btn-primary, .btn-main, .btn-success {
  background: linear-gradient(90deg, var(--pt-accent), var(--pt-accent2)) !important;
  border: 0 !important; color: #fff !important;
  box-shadow: 0 4px 18px rgba(139,92,246,.35);
}
.btn-primary:hover, .btn-main:hover, .btn-success:hover {
  transform: translateY(-1px); box-shadow: 0 6px 24px rgba(236,72,153,.45);
}

/* liens et survols */
a:hover { color: var(--pt-accent2); }

/* champs de formulaire */
.form-control { border-radius: 12px !important; }
.form-control:focus {
  border-color: var(--pt-accent) !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,.25) !important;
}

/* barre du haut */
.navbar, .navbar-default {
  border-bottom: 1px solid rgba(139,92,246,.35) !important;
  box-shadow: 0 2px 20px rgba(139,92,246,.15);
}

/* images (miniatures, avatars) */
img.thumbnail, .video-thumb img, .thumbnail img { border-radius: 12px; }
.video-thumb, .video-list, .thumbnail { transition: transform .2s ease, box-shadow .2s ease; }
.video-thumb:hover, .video-list:hover, .thumbnail:hover {
  transform: translateY(-3px); box-shadow: 0 8px 28px rgba(139,92,246,.3);
}

/* barre de défilement */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background: var(--pt-accent); border-radius: 10px; }

/* ===== cartes vidéo (vrais noms de classes) ===== */
.video-latest-list.video-wrapper {
  border-radius: 14px; overflow: hidden;
  background: rgba(139,92,246,.06);
  border: 1px solid rgba(139,92,246,.15);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.video-latest-list.video-wrapper:hover {
  transform: translateY(-5px);
  border-color: rgba(236,72,153,.6);
  box-shadow: 0 12px 34px rgba(139,92,246,.4);
}
.video-latest-list .video-thumb { border-radius: 14px 14px 0 0; overflow: hidden; }
.video-latest-list .video-thumb img { transition: transform .4s ease; }
.video-latest-list:hover .video-thumb img { transform: scale(1.06); }
.video-latest-list .video-info { padding: 8px 10px 10px; }
.video-latest-list .video-title a { font-weight: 600; }
.video-latest-list .video-title a:hover { color: #ec4899 !important; }
.video-duration {
  background: linear-gradient(90deg, #8b5cf6, #ec4899) !important;
  color: #fff !important; border-radius: 6px; padding: 1px 7px; font-weight: 600;
}
.play_hover_btn { color: #fff !important; filter: drop-shadow(0 0 12px #ec4899); }