/* ============================================================
   Library Modules — DNS Privat Block Bottom Sheet
   ============================================================
   Berbeda dari lang-sheet.css (bisa ditutup kapan saja, murni
   pilihan UI) dan browser-block-overlay di modules/index.html
   (full-screen terpusat) — sheet ini BOTTOM SHEET (sesuai
   spesifikasi), TAPI dengan sifat "tidak bisa ditutup dengan
   cara apapun" seperti browser-block-overlay: tidak ada tombol
   close, klik overlay/backdrop TIDAK menutup sheet (beda dari
   lang-sheet yang overlay-nya menutup sheet saat diklik), dan
   tombol Escape/back diblok lewat JS (lihat script di index.html).

   z-index sengaja PALING TINGGI di antara semua overlay/sheet
   lain di halaman ini (termasuk drawer & lightbox), karena sheet
   ini harus SELALU di atas apapun yang sedang terbuka begitu DNS
   privat terdeteksi.
   ============================================================ */
.dns-block-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
.dns-block-overlay.show {
    opacity: 1;
    pointer-events: auto;
}

.dns-block-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #1C1B20;
    border-radius: 24px 24px 0 0;
    max-height: 82vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transform: translateY(100%);
    transition: transform 0.32s cubic-bezier(.32,1.1,.6,1);
    box-shadow: 0 -8px 30px rgba(0,0,0,0.5);
    padding: 32px 28px max(env(safe-area-inset-bottom,0px), 24px);
}
.dns-block-sheet.show { transform: translateY(0); }

/* Tidak ada handle drag di sini (beda dari lang-sheet) — handle
   biasanya jadi sinyal visual "bisa di-swipe untuk ditutup", yang
   akan menyesatkan karena sheet ini memang tidak boleh ditutup. */

.dns-block-icon {
    font-size: 56px;
    color: #F2B8B5;
    margin-bottom: 16px;
}

.dns-block-title {
    font-size: 1.1875rem;
    font-weight: 700;
    color: var(--md-on-surface, #E6E1E5);
    margin-bottom: 10px;
    letter-spacing: -0.2px;
}

.dns-block-desc {
    font-size: 0.9375rem;
    color: var(--md-on-surface-variant, #CAC4D0);
    line-height: 1.6;
    max-width: 360px;
    margin-bottom: 28px;
}

.dns-block-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 320px;
    padding: 15px 32px;
    border-radius: 9999px;
    border: none;
    background: var(--md-primary, #D0BCFE);
    color: var(--md-on-primary, #381E72);
    font-size: 0.9375rem;
    font-weight: 700;
    font-family: 'Google Sans', sans-serif;
    cursor: pointer;
    transition: transform 0.2s ease;
}
.dns-block-btn:active { transform: scale(0.97); }

/* Anti-berantakan saat Google Translate aktif — pola sama seperti
   di browser-block-overlay (modules/index.html) supaya konsisten
   di seluruh project kalau translate browser dipaksa aktif. */
.dns-block-overlay font,
.dns-block-title font,
.dns-block-desc font,
.dns-block-btn font {
    display: inline !important;
    vertical-align: inherit !important;
}