/* =========================================================
   webinar-custom.css
   Perbaikan premium: header (logo + menu), live badge berkedip,
   status tombol aksi, dan sentuhan profesional tambahan.
   File ini di-load PALING TERAKHIR agar override rule sebelumnya.
   ========================================================= */

/* ---------- HEADER: layout & ukuran logo/menu diperbaiki ---------- */
.bsa-header{
  padding: 14px 0;
}
.bsa-header__inner{
  display:flex;
  align-items:center;
  gap:28px;
}

/* Logo: kiri, ukuran proporsional & konsisten di semua breakpoint */
.bsa-header__logo{
  order:1;
  margin-left:0;
  margin-right:auto;
  display:flex;
  align-items:center;
  flex-direction:row;
}
.bsa-header__logo-img{
  height:38px;
  width:auto;
  max-width:180px;
  object-fit:contain;
  display:block;
}
@media (max-width:600px){
  .bsa-header__logo-img{ height:30px; max-width:140px; }
}

/* Menu: kanan, sejajar vertikal dengan logo, jarak rapi */
.bsa-nav{
  order:2;
  margin-left:auto;
}
.bsa-nav__list{
  align-items:center;
  gap:30px;
  margin:0;
  padding:0;
}
.bsa-nav__link{
  display:inline-flex;
  align-items:center;
  height:38px;
  line-height:1;
}

/* Burger: hanya tampil di mobile, sejajar kanan */
.bsa-burger{
  order:3;
  margin-left:12px;
}
@media (min-width:901px){
  .bsa-burger{ display:none !important; }
}
@media (max-width:900px){
  .bsa-nav{ display:none; }
  .bsa-burger{ display:flex; }
  .bsa-header__inner{ justify-content:space-between; }
}

/* Admin link sengaja TIDAK pernah dirender di nav manapun (lihat includes/site-header.php) */

/* ---------- BADGE "LIVE SEKARANG": hanya berkedip saat status live aktif ---------- */
.wbn-video-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  opacity:1;
}
.wbn-video-badge--live{
  animation:none; /* default: tidak berkedip */
}
.wbn-video-badge--live.is-live{
  animation: wbnLiveBlink 1.6s ease-in-out infinite;
}
.wbn-video-badge--live .fa-circle{
  color:#e11d2e;
}
.wbn-video-badge:not(.is-live){
  background:rgba(120,120,120,.14);
  color:#5b6b70;
}
.wbn-video-badge:not(.is-live) .fa-circle{
  color:#8a9296;
}
@keyframes wbnLiveBlink{
  0%, 100% { opacity:1; box-shadow:0 0 0 0 rgba(225,29,46,.35); }
  50%      { opacity:.55; box-shadow:0 0 0 8px rgba(225,29,46,0); }
}

/* ---------- Status tombol aksi (aktif / hitung mundur / ditutup) ---------- */
.wbn-actions .bsa-btn{ position:relative; }
.wbn-btn-status{
  display:block;
  margin-top:3px;
  font-size:11px;
  font-weight:600;
  opacity:.85;
}
.wbn-actions .wbn-btn--disabled{
  opacity:.5;
  cursor:not-allowed;
  pointer-events:none;
  filter:grayscale(.35);
}

/* ---------- Rating bintang feedback ---------- */
.wbn-rating{ display:flex; gap:8px; }
.wbn-rating input{ display:none; }
.wbn-rating label{
  font-size:26px;
  color:#d8dee0;
  cursor:pointer;
  transition:color .15s ease;
}
.wbn-rating input:checked ~ label,
.wbn-rating label.is-active{ color:#f5a524; }

/* ---------- Navigasi Prev/Next kuis (Pre-Test / Post-Test) ---------- */
.wbn-quiz-nav{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:28px;
}
.wbn-quiz-nav .bsa-btn:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* ---------- Video hero kosong (belum ada video di galeri) ---------- */
.wbn-video-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  color:#8a9296;
  font-weight:600;
  background:rgba(0,0,0,.03);
  border-radius:16px;
}

/* ---------- Halaman Download Materi ---------- */
.wbn-material-section{ padding:80px 0 100px; }
.wbn-material-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  max-width:640px;
  margin:0 auto;
}
.wbn-material-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 20px rgba(0,53,67,.08);
  text-decoration:none;
  color:inherit;
  transition:transform .25s ease, box-shadow .25s ease;
}
.wbn-material-item:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,53,67,.14);
}
.wbn-material-item__icon{
  font-size:22px;
  color:var(--bsa-teal-700, #006885);
}
.wbn-material-item__title{ flex:1; font-weight:600; }
.wbn-material-item__size{ font-size:12px; opacity:.6; }

/* ---------- Utility ---------- */
.wbn-hidden{ display:none !important; }
.wbn-text-danger{ color:#c0392b; font-size:13px; margin-top:6px; }
.wbn-text-success{ color:#1b7a43; font-size:13px; margin-top:6px; }