/* ==========================================================================
   1. PENERAPAN EFEK SILINDER DAN HOVER IKON SEGITIGA MERAH
   ========================================================================== */

/* Pastikan pembungkus image5 menjadi area penahan tombol play virtual */
.custom-video-player-active {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

/* Memaksa gambar dengan kelas animasi acak (anim1-anim5) mengadopsi bayangan silinder */
.custom-video-player-active img.animated-image {
  border-radius: 6px !important;
  box-shadow: 
    -8px 0 16px -6px rgba(0, 0, 0, 0.5), 
     8px 0 16px -6px rgba(0, 0, 0, 0.5),
     0 4px 8px -2px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Efek interaksi hover membesar tipis saat didekati kursor */
.custom-video-player-active:hover img.animated-image {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 
    -12px 0 20px -5px rgba(0, 0, 0, 0.6), 
     12px 0 20px -5px rgba(0, 0, 0, 0.6) !important;
}

/* Menyuntikkan Ikon Segitiga (▶) Secara Paksa di Tengah Gambar */
.custom-video-player-active::after {
  content: "▶" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: rgba(0, 0, 0, 0.75) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 99 !important;
  transition: background 0.2s ease !important;
}

/* Mengubah Segitiga Abu menjadi MERAH Tajam Khas YouTube/X */
.custom-video-player-active:hover::after {
  background: #ff0000 !important;
}

/* ==========================================================================
   2. PENGHAPUSAN TEKS BAWAAN DRUPAL & PROTEKSI PLAYER POPUP
   ========================================================================== */

/* Melenyapkan tulisan "see the video" bawaan Drupal secara absolut dari DOM */
.field--name-field-video-teaser,
a[href$=".mp4"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pengaman UI Internal Video Player: Sembunyikan Opsi Download & Fullscreen */
video::-internal-media-controls-download-button,
video::-webkit-media-controls-fullscreen-button {
  display: none !important;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden !important;
}