/* =========================================
   Frontend Security Layer - CSS Protection
   ========================================= */

/* 1. Disable Text Selection Globally */
body {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

/* Allow selection in input fields and textareas for usability */
input,
textarea,
[contenteditable="true"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

/* 2. Disable Image Dragging & Saving */
img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    /* Disables right-click on images specifically */
}

/* Re-enable pointer events for images inside links or buttons so they remain clickable */
a img,
button img,
.clickable-img {
    pointer-events: auto;
}

/* 3. Anti-Screenshot / Print Protection (Hides content when printing) */
@media print {

    html,
    body {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    * {
        display: none !important;
    }
}