.ytm-player-container {
  background-color: #030303; color: #ffffff; font-family: Arial, sans-serif;
  height: 100vh; display: flex; flex-direction: column; overflow: hidden;
}

/* HEADER */
.ytm-header {
  height: 64px; min-height: 64px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px; border-bottom: 1px solid #1f1f1f; background-color: #030303;
}
.header-left, .header-right { display: flex; align-items: center; gap: 16px; }
.brand-logo { display: flex; align-items: center; font-size: 18px; font-weight: bold; }
.search-box { background-color: #1f1f1f; border-radius: 8px; display: flex; padding: 6px 12px; width: 300px; }
.search-box input { background: none; border: none; color: white; width: 100%; outline: none; }
.profile-avatar { background: #ff0000; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
/* ========================================================
   KUNCI FINISH: MEMBUAT HEADER BLACK STICKY DI ATAS LAYAR
   ======================================================== */

/* Memaksa elemen header kustom agar diam mengunci di paling atas monitor */
header.wp-block-template-part,
.ytm-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 64px !important;
  min-height: 64px !important;
  background-color: #030303 !important;
  border-bottom: 1px solid #1f1f1f !important;
  z-index: 999999999 !important; /* Kasta z-index tinggi agar tidak tertutup teks artikel */
  box-sizing: border-box !important;
}

/* HEADER */
.ytm-header {
  height: 64px; min-height: 64px; display: flex; align-items: center; justify-content: space-between;
  padding: 0 16px; border-bottom: 1px solid #1f1f1f; background-color: #030303;
}
.header-left, .header-right { display: flex; align-items: center; gap: 16px; }
.brand-logo { display: flex; align-items: center; font-size: 18px; font-weight: bold; }
.search-box { background-color: #1f1f1f; border-radius: 8px; display: flex; padding: 6px 12px; width: 300px; }
.search-box input { background: none; border: none; color: white; width: 100%; outline: none; }
.profile-avatar { background: #ff0000; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }




/* PENTING: Dorong kontainer artikel ke bawah sebanyak 64px agar baris awal teks */
/* tidak tenggelam atau tertutup di belakang header sticky baru lo */
.ytm-article-view-container {
  margin-top: 64px !important; 
  padding-top: 24px !important;
}

/* Khusus untuk halaman utama player musik (biar tidak merusak layout tengah lo) */
.ytm-player-container {
  margin-top: 64px !important;
  height: calc(100vh - 144px) !important; /* Sesuaikan jatah sisa tinggi (100vh - 64px header - 80px footer) */
}


/* ========================================================
   GAYA INTERFACE TAMPILAN ARTIKEL PENUH (SINGLE POST VIEW)
   ======================================================== */

/* Mengunci warna dasar halaman artikel penuh agar hitam pekat */
.single-post,
.single .wp-site-blocks {
  background-color: #030303 !important;
}

/* Membatasi lebar teks artikel di tengah biar sedap dibaca mata */
.ytm-article-view-container {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 40px 20px 120px 20px !important; /* Beri padding bawah 120px agar tidak tertutup player bar */
  color: #dddddd !important;
  font-family: 'Roboto', Arial, sans-serif;
}

/* Merapikan desain judul artikel utamanya */
.article-main-title {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 10px !important;
}

/* Memaksa paragraf teks dalam artikel agar abu-abu kontras terang */
.ytm-article-view-container p {
  color: #cccccc !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
}

/* Tombol kembali ke player */
.article-back-nav {
  margin-bottom: 15px;
}
.back-link {
  color: #aaaaaa !important;
  text-decoration: none !important;
  font-size: 14px;
}
.back-link:hover {
  color: #ffffff !important;
}


/* ========================================================
   DESAIN STICKY FOOTER MINIMALIS TERINDAH UNTUK ARTIKEL
   ======================================================== */

/* Pastikan footer artikel mengunci paten di paling bawah layar */
footer.wp-block-template-part .ytm-article-footer,
.ytm-article-footer {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 50px !important; /* Dibuat super tipis dan elegan */
  min-height: 50px !important;
  background-color: #0d0d0d !important; /* Hitam pekat sedikit abu mewah */
  border-top: 1px solid #1f1f1f !important; /* Garis pembatas tipis tipis */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 999999999 !important;
  box-sizing: border-box !important;
}

/* Mengatur tata letak tulisan di dalam footer artikel */
.article-footer-content {
  width: 100%;
  max-width: 800px; /* Sejajar dengan lebar artikel lo di tengah */
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 20px !important;
}

/* Gaya teks Hak Cipta 2026 */
.footer-copyright {
  color: #666666 !important; /* Warna abu-abu redup premium */
  font-size: 12px !important;
  font-family: Arial, sans-serif !important;
  margin: 0 !important;
}

/* Gaya Tautan Link Privacy & Policy */
.footer-link-item {
  color: #888888 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  transition: color 0.2s ease;
}

/* Efek menyala tipis saat link disorot mouse */
.footer-link-item:hover {
  color: #ff0000 !important; /* Menyala merah khas YT Music pas di-hover */
}

/* Responsivitas HP: Jika dibuka di smartphone, susunan tulisan otomatis bertumpuk ke tengah */
@media (max-width: 768px) {
  .ytm-article-footer {
    height: 70px !important;
    min-height: 70px !important;
  }
  .article-footer-content {
    flex-direction: column !important;
    gap: 6px !important;
    justify-content: center !important;
  }
}

/* ========================================================
   KUNCI FINISH: SINKRONISASI MUTLAK PRIVACY POLICY ULTRA DARK
   ======================================================== */

/* 1. Memaksa seluruh elemen pembungkus halaman Privacy di WordPress menjadi hitam pekat */
body.privacy-policy,
body.privacy-policy .wp-site-blocks,
body.privacy-policy .wp-block-post-content,
body.privacy-policy .entry-content,
body.privacy-policy main {
  background-color: #030303 !important;
}

/* 2. Mengatur teks isi undang-undang/pasal privasi agar berwarna putih jernih */
body.privacy-policy .ytm-article-view-container {
  color: #dddddd !important;
}

/* 3. Menata teks paragraf di dalam halaman privacy agar abu-abu kontras terang */
body.privacy-policy .ytm-article-view-container p {
  color: #cccccc !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin-bottom: 20px !important;
}

/* 4. Membuat judul bab (seperti 1. Log Files) menyala putih tebal */
body.privacy-policy .ytm-article-view-container h1,
body.privacy-policy .ytm-article-view-container h2,
body.privacy-policy .ytm-article-view-container h3,
body.privacy-policy .ytm-article-view-container h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  margin-top: 28px !important;
  margin-bottom: 12px !important;
}

/* 5. Memaksa teks daftar poin (jika ada list) agar ikut berwarna cerah */
body.privacy-policy .ytm-article-view-container li {
  color: #cccccc !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* ========================================================
   SUNTIKAN PEMAKSA: SAPU BERSIH WARNA PUTIH ARTIKEL PRIVACY
   ======================================================== */

/* Targetkan secara brutal semua kontainer blok otomatis di dalam halaman privacy agar WAJIB hitam */
body.privacy-policy,
body.privacy-policy *,
body.privacy-policy .wp-block-group,
body.privacy-policy .wp-block-post-content,
body.privacy-policy .entry-content,
body.privacy-policy main,
body.privacy-policy section {
  background-color: #030303 !important;
}

/* KUNCI TEKS: Memaksa semua jenis teks di halaman privacy agar menyala terang dan TIDAK kabur */
body.privacy-policy .ytm-article-view-container,
body.privacy-policy .ytm-article-view-container *,
body.privacy-policy p,
body.privacy-policy span {
  color: #cccccc !important;
  font-family: Arial, sans-serif !important;
}

/* Memaksa semua Judul Bab & Sub-Bab (seperti 1. Log Files) menyala putih tebal */
body.privacy-policy h1,
body.privacy-policy h2,
body.privacy-policy h3,
body.privacy-policy h4,
body.privacy-policy strong {
  color: #ffffff !important;
  font-weight: 700 !important;
  background: transparent !important;
}

/* Memastikan tombol "Kembali ke Player" tetap abu-abu elegan */
body.privacy-policy .back-link {
  color: #aaaaaa !important;
}
body.privacy-policy .back-link:hover {
  color: #ffffff !important;
}


/* ========================================================
   DESAIN INTERFACE MENU DROP-DOWN SARAN KUSTOM DI HEADER
   ======================================================== */
.search-suggestions-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  width: 100% !important;
  background-color: #141414 !important; /* Hitam pekat mewah */
  border: 1px solid #2d2d2d !important;
  border-radius: 0 0 8px 8px !important;
  margin-top: 4px !important;
  z-index: 99999999999 !important; /* Di atas segalanya */
  box-shadow: 0 8px 24px rgba(0,0,0,0.6) !important;
  overflow: hidden;
}

.suggestion-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  color: #aaaaaa !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s;
  border-bottom: 1px solid rgba(255,255,255,0.02);
}

.suggestion-item:last-child {
  border-bottom: none;
}

.suggestion-item:hover {
  background-color: #242424 !important; /* Efek sorot abu terang khas YT Music */
  color: #ffffff !important;
}

.suggestion-item .arrow {
  color: #555555;
  font-size: 16px;
}
.suggestion-item:hover .arrow {
  color: #ff0000; /* Panah kanan menyala merah saat disorot mouse */
}




/* ========================================================
   SUNTIKAN FINISH: PAKSA WARNA OVERLAY LIGHTBOX JADI HITAM PEKAT
   ======================================================== */

/* Maksa latar belakang pembungkus luar modal wajib hitam transparan blur */
div#ytm-lightbox.lightbox-overlay {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100vw !important; height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.88) !important; /* Mengganti putih polos lo jadi hitam transparan */
  backdrop-filter: blur(10px) !important; /* Efek blur kaca di belakang monitor */
  z-index: 999999999999 !important; /* Angka z-index tertinggi universal */
}

/* Maksa kotak konten dalaman lightbox agar berlatar gelap pekat */
div#ytm-lightbox .lightbox-content {
  background-color: #1a1a1a !important; /* Abu-abu ultra gelap */
  border: 1px solid #2d2d2d !important;
  padding: 32px !important;
  border-radius: 12px !important;
  max-width: 650px !important;
  width: 90% !important;
  margin: auto !important;
}

/* Merapikan teks judul "Pencarian: Travel" agar menyala putih bersih */
div#ytm-lightbox #lightbox-title,
div#ytm-lightbox h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  background: transparent !important;
  margin-top: 10px !important;
}

/* Memperjelas tombol silang close (X) di pojok kiri/kanan atas */
div#ytm-lightbox button#close-lightbox-btn.lightbox-close {
  background: #282828 !important; /* Kasih bulatan latar belakang mini */
  border: 1px solid #444 !important;
  color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
div#ytm-lightbox button#close-lightbox-btn.lightbox-close:hover {
  background: #ff0000 !important; /* Menyala merah khas YT Music pas disorot */
}

/* ========================================================
   SUNTIKAN FINISH: PAKSA WARNA OVERLAY LIGHTBOX JADI HITAM PEKAT
   ======================================================== */

/* Maksa latar belakang pembungkus luar modal wajib hitam transparan blur */
div#ytm-lightbox.lightbox-overlay {
  position: fixed !important;
  top: 0 !important; left: 0 !important;
  width: 100vw !important; height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.88) !important; /* Mengganti putih polos lo jadi hitam transparan */
  backdrop-filter: blur(10px) !important; /* Efek blur kaca di belakang monitor */
  z-index: 999999999999 !important; /* Angka z-index tertinggi universal */
}

/* Maksa kotak konten dalaman lightbox agar berlatar gelap pekat */
div#ytm-lightbox .lightbox-content {
  background-color: #1a1a1a !important; /* Abu-abu ultra gelap */
  border: 1px solid #2d2d2d !important;
  padding: 32px !important;
  border-radius: 12px !important;
  max-width: 650px !important;
  width: 90% !important;
  margin: auto !important;
}

/* Merapikan teks judul "Pencarian: Travel" agar menyala putih bersih */
div#ytm-lightbox #lightbox-title,
div#ytm-lightbox h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  background: transparent !important;
  margin-top: 10px !important;
}

/* Memperjelas tombol silang close (X) di pojok kiri/kanan atas */
div#ytm-lightbox button#close-lightbox-btn.lightbox-close {
  background: #282828 !important; /* Kasih bulatan latar belakang mini */
  border: 1px solid #444 !important;
  color: #ffffff !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
div#ytm-lightbox button#close-lightbox-btn.lightbox-close:hover {
  background: #ff0000 !important; /* Menyala merah khas YT Music pas disorot */
}


/* ========================================================
   KUNCI WARNA HASIL PENCARIAN DI LIGHTBOX POP-UP
   ======================================================== */
div#ytm-lightbox #lightbox-body,
div#ytm-lightbox #lightbox-body * {
  background-color: transparent !important;
}

/* Memastikan teks paragraf bawaan WordPress di dalam excerpt ikut berwarna terang */
div#ytm-lightbox #lightbox-body p {
  color: #b3b3b3 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ========================================================
   SUNTIKAN FINISH: PAKSA TEKS BOLD ARTIKEL MENYALA JERNIH
   ======================================================== */

/* Memaksa semua tag tulisan tebal di dalam artikel agar wajib berwarna putih bersih murni */
strong, 
b,
.ytm-article-view-container strong,
.ytm-article-view-container b,
.about-content-wrapper strong,
.contact-content-wrapper strong,
.privacy-content-wrapper strong,
.full-article-content strong {
  color: #ffffff !important; /* Mengubah warna samar jadi putih benderang */
  font-weight: 700 !important; /* Mengunci ketebalan font agar tegas */
  background-color: transparent !important; /* Hancurkan sisa warna latar belakang aneh */
}


/* ========================================================
   SUNTIKAN FINISH: PAKSA WARNA KOMENTAR MENYALA TERANG
   ======================================================== */

/* 1. Paksa semua teks label bawaan (seperti "Comment", "Name", "Email") menjadi putih bersih */
.wp-block-comments,
.wp-block-comments *,
.comment-respond,
.comment-respond label,
.comment-reply-title,
.comment-notes {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* 2. Mengatur tulisan isi komentar yang dikirim orang agar berwarna abu-abu terang kontras */
.comment-content,
.comment-content p,
.comment-list .comment-content * {
  color: #dddddd !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* 3. Mengunci warna kotak input (Name, Email, Website) agar teks ketikannya menyala putih tegas */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
#commentform input,
#commentform textarea {
  background-color: #141414 !important; /* Kotak abu-abu gelap mewah khas YT Music */
  border: 1px solid #2d2d2d !important;
  color: #ffffff !important; /* Teks ketikan lo wajib putih benderang */
  padding: 12px !important;
  border-radius: 8px !important;
}

/* Fokus state saat kotak input diklik biar ada bingkai merah menyala */
.comment-form input:focus,
.comment-form textarea:focus {
  border-color: #ff0000 !important;
  outline: none !important;
}

/* 4. Mempertegas nama pengirim komentar dan tanggalnya */
.wp-block-comment-author-name,
.comment-author cite,
.comment-meta a {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.comment-metadata a {
  color: #888888 !important; /* Tanggal komentar dibikin abu-abu elegan */
  font-size: 12px !important;
}


/* ========================================================
   FINISH MUTLAK: SETTING KELAS GELAP & PERATA TENGAH KOMENTAR
   ======================================================== */

/* 1. MEMAKSA SELURUH KOTAK KOMENTAR AGAR RATAN TENGAH (CENTER) SIMETRIS */
.wp-block-comments,
.comment-respond,
#respond {
  max-width: 800px !important; /* Samakan lebarnya dengan bodi artikel lo */
  margin: 40px auto !important; /* KUNCI UTAMA: auto kiri-kanan bikin posisi nengah */
  padding: 0 20px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* 2. PAKSA TEKS UTAMA "LEAVE A REPLY" & LOGGED IN INFO AGAR MENYALA PUTIH */
.comment-reply-title,
.comment-respond h3,
.comment-respond h2,
.comment-respond,
.comment-respond *,
.comment-notes,
.logged-in-as,
.logged-in-as a {
  color: #ffffff !important; /* Mengubah teks samar gelap jadi putih bersih */
  font-family: Arial, sans-serif !important;
}

/* Kunci warna link log out/edit profile di info login agar abu-abu elegan */
.logged-in-as a {
  color: #aaaaaa !important;
  text-decoration: underline !important;
}
.logged-in-as a:hover {
  color: #ff0000 !important; /* Menyala merah pas disorot */
}

/* 3. MEREMUKKAN KOTAK PUTIH POLOS RAKSASA MENJADI ABU GELAP KHAS YT MUSIC */
.comment-form textarea,
#commentform textarea,
.comment-respond textarea,
.comment-respond input[type="text"],
.comment-respond input[type="email"] {
  background-color: #141414 !important; /* Ubah dari putih polos lo jadi abu gelap solid */
  border: 1px solid #2d2d2d !important; /* Kasih bingkai tipis elegan */
  color: #ffffff !important; /* Teks yang lo ketik nanti wajib putih benderang */
  border-radius: 8px !important;
  padding: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 120px !important; /* Tinggi kotak pas untuk ngetik */
}

/* Efek fokus saat kotak komentar diklik biar membingkai merah menyala */
.comment-form textarea:focus,
.comment-respond textarea:focus {
  border-color: #ff0000 !important;
  outline: none !important;
}

/* 4. MERAPIKAN TOMBOL POST COMMENT AGAR SEJAJAR RAPI */
.comment-form .submit,
#commentform #submit,
.ytm-comments-section .submit {
  background-color: #ff0000 !important; /* Merah membara YouTube */
  color: #ffffff !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 24px !important; /* Lonjong bulat mewah */
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  margin-top: 15px !important;
  transition: background 0.2s;
}
.comment-form .submit:hover {
  background-color: #cc0000 !important;
}


/* ========================================================
   KUNCI MATI: TENDANG FOOTER KE BAWAH AGAR GAK NYOSOR KONTEN
   ======================================================== */

/* 1. Kasih bantalan ruang kosong raksasa di bawah bodi artikel agar konten tidak bisa ditabrak footer */
main.ytm-article-view-container,
.ytm-article-view-container {
  padding-bottom: 120px !important; /* Menendang footer ke bawah sejauh 120px */
  min-height: calc(100vh - 250px) !important; /* Memaksa bodi halaman tetep molor tinggi walaupun isi teksnya dikit */
  box-sizing: border-box !important;
}

/* 2. Pastikan area form komentar/peringatan login punya jarak aman ke bawah */
.comment-respond,
#respond,
.wp-block-comments {
  margin-bottom: 60px !important;
  display: block !important;
  clear: both !important; /* Memutus aliran layout gaib yang bikin footer melompat naik */
}

/* 3. Kunci posisi footer artikel agar wajib berada di kasta paling bawah layout */
footer,
.wp-block-template-part[class*="footer"] {
  margin-top: auto !important;
  position: relative !important;
  z-index: 10 !important;
}