/* Styling Framework Dasar Player Wrapper */
.bgv-player-wrapper {
  position: relative;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  transition: opacity 2.0s ease, z-index 2.0s ease;
  z-index: -1;  
  margin: 0;
  padding: 0;
  line-height: 0; 
}

.bgv-player-wrapper.show { 
  opacity: 1; 
  z-index: 99; 
}

.bgv-video-container-base {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.bgv-video-container-base iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border: none;
  object-fit: cover;
  pointer-events: none !important;
}

.bgv-video-container-base::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

/* State Awal Halaman Default Frontend */
.container-massal { display: none !important; }
.container-massal2 { display: flex !important; flex-direction: column; }
.elemen-hilang2 { display: none !important; }
.cursor-pointer { cursor: pointer; }

/* Animasi Fade Masuk */
.bgv-fade-masuk {
    animation: bgvFadeIn 1.5s ease-in-out forwards;
}
@keyframes bgvFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Floating Sharingan Button Styles */
#buka-manual-btn {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 9999;
    cursor: pointer;
    width: 160px; 
    height: 160px;
    animation: putarSharingan 3s linear infinite;
    transition: transform 0.2s ease;
}

/* --- TAMBAHKAN CLASS INI --- */
#buka-manual-btn.bgv-no-rotate {
    animation: none !important; /* Mematikan animasi putarSharingan */
}

#buka-manual-btn:hover {
    filter: brightness(1.2);
}

@keyframes putarSharingan {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Responsif Mobile */
@media (max-width: 767px) {
    #buka-manual-btn {
        right: 6px !important;
        bottom: 60px !important;
        width: 85px !important;
        height: 85px !important;
    }
}