/**
 * ============================================================
 * proteksi-website.css
 * CSS proteksi tampilan website
 * ============================================================
 */

/*
 * Mencegah seleksi teks pada halaman.
 */
html,
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 * Form tetap dapat digunakan dan teks pada form
 * tetap bisa diseleksi.
 */
input,
textarea,
select,
option,
[contenteditable="true"],
[contenteditable="plaintext-only"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/*
 * Mencegah gambar diseret (drag).
 */
img {
    -webkit-user-drag: none;
    user-drag: none;
}

/*
 * Mencegah elemen gambar tertentu diperlakukan
 * sebagai draggable oleh browser.
 */
img,
svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/*
 * Jika ada area tertentu yang memang ingin tetap
 * bisa diseleksi, gunakan class:
 *
 * <div class="allow-select">...</div>
 */
.allow-select,
.allow-select * {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}