/**
 * =========================================================
 * KLIKSiNI ANTI-COPY V1
 * =========================================================
 */

/*
 * Prevent normal text selection on protected pages.
 */
body.kvac-protected {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

/*
 * Images cannot be dragged.
 */
body.kvac-protected img {
    -webkit-user-drag: none !important;
    user-drag: none !important;
}

/*
 * Keep customer input fields fully usable.
 */
body.kvac-protected input,
body.kvac-protected textarea,
body.kvac-protected select,
body.kvac-protected button,
body.kvac-protected option,
body.kvac-protected [contenteditable="true"],
body.kvac-protected [contenteditable="true"] *,
body.kvac-protected .select2-container,
body.kvac-protected .select2-selection {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important;
}

/*
 * Keep form controls draggable/selectable normally.
 */
body.kvac-protected input,
body.kvac-protected textarea,
body.kvac-protected select,
body.kvac-protected button {
    -webkit-user-drag: auto !important;
}

/*
 * Don't break WooCommerce / custom checkout areas.
 */
body.kvac-protected .kv-checkout,
body.kvac-protected .woocommerce-checkout,
body.kvac-protected form,
body.kvac-protected form input,
body.kvac-protected form textarea,
body.kvac-protected form select,
body.kvac-protected form button {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    user-select: text !important;
}

/* =========================================================
 * MOBILE IMAGE PROTECTION
 * ========================================================= */

body.kvac-protected img {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
    user-drag: none !important;
    touch-action: pan-y !important;
}

/* =========================================================
 * MOBILE IMAGE SHIELD
 * ========================================================= */

@media (max-width: 767px) {

    body.kvac-protected img.kvac-mobile-shield {
        pointer-events: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
        -webkit-user-drag: none !important;
    }

}

/* =========================================================
 * MOBILE IMAGE OVERLAY SHIELD
 * ========================================================= */

@media (max-width: 767px) {

    body.kvac-protected .kvac-image-shield {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 100% !important;

        display: block !important;

        background: transparent !important;

        z-index: 999999 !important;
        
        pointer-events: none !important;

        -webkit-user-select: none !important;
        user-select: none !important;

        -webkit-touch-callout: none !important;

        -webkit-user-drag: none !important;

        touch-action: pan-y !important;
    }

}