/* nd-borderless.css — menghapus garis tepi di seluruh UI.

   Permintaan owner: "saya gak mau ada border borderan lagi di UI narto drama,
   semua benar benar modern, futuristik".

   Pemisah antar elemen tidak dihilangkan begitu saja — perannya dipindah ke:
     1. KONTRAS PERMUKAAN (s0 → s1 → s2): elemen terbaca karena beda terang,
        cara yang dipakai Netflix dan antarmuka gelap modern pada umumnya.
     2. BAYANGAN/GLOW halus (token elevasi) untuk elemen yang mengambang.
     3. JARAK (spacing) sebagai pemisah utama antar blok.

   Dimuat PALING AKHIR di antara file nd-* supaya menang atas aturan sebelumnya,
   termasuk CSS lama hasil ekstraksi yang masih penuh `border: 1px solid`.

   Yang SENGAJA TIDAK disentuh:
   - Apa pun di dalam video player (file ini tidak menyebut satu pun selector player).
   - `border` yang berperan sebagai INDIKATOR STATE (fokus keyboard, provider aktif),
     karena menghapusnya akan menghilangkan informasi, bukan sekadar hiasan. */

/* ============================================================
   1. SAPU BERSIH GARIS TEPI
   ============================================================ */

body.nd-ui .card,
body.nd-ui .surface,
body.nd-ui .provider-home-explorer,
body.nd-ui .provider-home-section,
body.nd-ui .provider-home-rail-wrap,
body.nd-ui .provider-home-empty,
body.nd-ui .watch-history-rail,
body.nd-ui .watch-history-card,
body.nd-ui .episode-panel,
body.nd-ui .episode-item,
body.nd-ui .movie-meta,
body.nd-ui .detail-seo-block,
body.nd-ui .you-may-like,
body.nd-ui .you-may-like-card,
body.nd-ui .nd-faq-item,
body.nd-ui .nd-legal,
body.nd-ui .pager-link,
body.nd-ui .provider-home-page-btn,
body.nd-ui .provider-rail-nav,
body.nd-ui .global-search-form,
body.nd-ui .global-search-dropdown,
body.nd-ui .menu-dropdown-panel,
body.nd-ui .provider-home-combo,
body.nd-ui .provider-home-picker-sheet,
body.nd-ui .provider-home-picker-option,
body.nd-ui .nd-theme-btn,
body.nd-ui .nd-pv-btn,
body.nd-ui .hamburger,
body.nd-ui .search-toggle,
body.nd-ui .global-search-back,
body.nd-ui .last-watch-popup,
body.nd-ui .watch-history-popup,
body.nd-ui .watch-history-fab,
body.nd-ui .nd-bottomnav,
body.nd-ui .topbar::before,
body.nd-ui .site-footer,
body.nd-ui .site-footer-top,
body.nd-ui .site-footer-bottom,
body.nd-ui .adsense-wrap,
body.nd-ui .movie-tag,
body.nd-ui .episode-badge,
body.nd-ui .provider-badge { border: 0; }

/* ============================================================
   2. KEMBALIKAN KETERBACAAN LEWAT PERMUKAAN & BAYANGAN
   ============================================================ */

/* Kartu: dibedakan dari latar lewat surface + bayangan lembut, bukan garis. */
body.nd-ui .card {
  background: var(--nd-s1);
  box-shadow: var(--nd-e1);
}
@media (hover: hover) and (pointer: fine) {
  body.nd-ui .card:hover { box-shadow: var(--nd-e3); }
}

/* Panel & blok konten. */
body.nd-ui .surface,
body.nd-ui .episode-panel,
body.nd-ui .detail-seo-block,
body.nd-ui .you-may-like,
body.nd-ui .nd-faq-item { background: var(--nd-s1); box-shadow: var(--nd-e1); }

/* Kontrol: input, tombol pager, tombol rail. */
body.nd-ui .global-search-form,
body.nd-ui .provider-home-combo,
body.nd-ui .pager-link,
body.nd-ui .provider-home-page-btn,
body.nd-ui .provider-rail-nav,
body.nd-ui .nd-theme-btn,
body.nd-ui .nd-pv-btn,
body.nd-ui .hamburger,
body.nd-ui .search-toggle,
body.nd-ui .global-search-back,
body.nd-ui .episode-item { background: var(--nd-s2); }

body.nd-ui .pager-link:hover,
body.nd-ui .provider-home-page-btn:hover:not(:disabled),
body.nd-ui .provider-rail-nav:hover,
body.nd-ui .nd-theme-btn:hover,
body.nd-ui .hamburger:hover,
body.nd-ui .search-toggle:hover,
body.nd-ui .episode-item:hover { background: var(--nd-s3); }

/* Lapisan mengambang: dropdown, sheet, popup — naik satu tingkat permukaan
   dan memakai bayangan kuat supaya jelas "di atas" halaman. */
body.nd-ui .menu-dropdown-panel,
body.nd-ui .global-search-dropdown,
body.nd-ui .provider-home-picker-sheet,
body.nd-ui .last-watch-popup,
body.nd-ui .watch-history-popup { background: var(--nd-s4); box-shadow: var(--nd-e4); }

/* Topbar & bottom nav: dipisahkan dari konten oleh bayangan tipis, bukan garis. */
body.nd-ui .topbar::before { box-shadow: 0 1px 24px -12px rgba(0, 0, 0, .9); }
body.nd-ui .nd-bottomnav { background: var(--nd-s1); box-shadow: 0 -1px 24px -12px rgba(0, 0, 0, .9); }

/* Chip di atas poster tetap terbaca lewat scrim gelapnya sendiri. */
body.nd-ui .movie-tag,
body.nd-ui .episode-badge,
body.nd-ui .provider-badge { background: var(--nd-scrim-strong); }

/* Heading halaman legal: pemisah garis diganti jarak + warna. */
body.nd-ui .nd-legal h2 {
  border-block-end: 0;
  padding-block-end: 0;
  margin-block-start: var(--nd-sp-10);
}

/* ============================================================
   3. YANG TETAP PUNYA GARIS — karena membawa INFORMASI
   ============================================================ */

/* Cincin fokus keyboard: wajib terlihat (aksesibilitas). */
body.nd-ui :focus-visible { outline: 2px solid var(--nd-focus); outline-offset: 2px; }

/* Tombol Provider saat ada provider aktif: "menyala" dengan warna provider.
   Ini indikator state, bukan hiasan. */
body.nd-ui .nd-pv-btn[data-pv]:not([data-pv=""]),
body.nd-ui .provider-home-controls[data-pv]:not([data-pv=""]) .provider-home-combo {
  box-shadow: 0 0 0 1px var(--pv, var(--nd-accent-400)),
              0 0 24px -6px var(--pv, var(--nd-accent-400));
}

/* Input yang sedang difokus tetap menunjukkan batasnya. */
body.nd-ui .global-search-form:focus-within,
body.nd-ui .provider-home-combo:focus-within {
  box-shadow: 0 0 0 2px var(--nd-accent-400);
}