/* nd-modal.css — menyelaraskan dialog SweetAlert2 dengan tema situs.

   SweetAlert2 dipakai untuk popup consent iklan (gate "Iklan sebelum menonton"),
   konfirmasi, dan pesan kesalahan. CSS bawaannya berlatar putih, sehingga di tema
   gelap ia muncul sebagai kotak putih menyilaukan di tengah layar.

   HANYA WARNA & BENTUK yang disentuh. Struktur, kelas, dan perilaku tombol
   dibiarkan apa adanya — popup consent iklan terkait pendapatan, jadi tidak ada
   satu pun aturan di sini yang mengubah tata letak atau keterklikan tombol. */

body.nd-ui .swal2-popup {
  background: var(--nd-s2);
  color: var(--nd-t1);
  border: 0;
  border-radius: var(--nd-r-4);
  box-shadow: var(--nd-e4);
  font-family: var(--nd-font-text);
}

body.nd-ui .swal2-title {
  color: var(--nd-t1);
  font-family: var(--nd-font-display);
  font-weight: 800;
}

body.nd-ui .swal2-html-container,
body.nd-ui .swal2-content { color: var(--nd-t2); }

body.nd-ui .swal2-actions { gap: var(--nd-sp-2); }

body.nd-ui .swal2-styled.swal2-confirm {
  background: var(--nd-accent);
  color: var(--nd-t-on-accent);
  border: 0;
  border-radius: var(--nd-r-full);
  font-weight: 800;
  box-shadow: none;
}
body.nd-ui .swal2-styled.swal2-confirm:hover { background: var(--nd-accent-500); }

body.nd-ui .swal2-styled.swal2-deny,
body.nd-ui .swal2-styled.swal2-cancel {
  background: var(--nd-s4);
  color: var(--nd-t1);
  border: 0;
  border-radius: var(--nd-r-full);
  font-weight: 700;
  box-shadow: none;
}
body.nd-ui .swal2-styled.swal2-deny:hover,
body.nd-ui .swal2-styled.swal2-cancel:hover { background: var(--nd-s5); }

/* Cincin fokus bawaan SweetAlert berwarna biru tetap; samakan dengan token fokus. */
body.nd-ui .swal2-styled:focus-visible {
  outline: 2px solid var(--nd-focus);
  outline-offset: 2px;
  box-shadow: none;
}

body.nd-ui .swal2-container { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); }

body.nd-ui .swal2-close { color: var(--nd-t3); }
body.nd-ui .swal2-close:hover { color: var(--nd-t1); }

body.nd-ui .swal2-input,
body.nd-ui .swal2-textarea {
  background: var(--nd-s3);
  color: var(--nd-t1);
  border: 0;
  border-radius: var(--nd-r-2);
  box-shadow: none;
}