/* Image Protection Styles */

.protected-image {
    /* Disable selection */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    /* Disable drag */
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    
    /* Disable tap highlighting on mobile */
    -webkit-tap-highlight-color: transparent;
    
    /* Disable pointer events */
    pointer-events: none;
}

/* Alternative method - overlay protection */
.image-container {
    position: relative;
    display: inline-block;
}

.image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    pointer-events: all;
}

.image-container img {
    display: block;
    pointer-events: none;
}

/* Blur effect on hover (optional deterrent) */
.protected-image:hover {
    filter: blur(1px);
    transition: filter 0.3s ease;
}

/* Hide image when dev tools are open (advanced) */
@media (max-height: 500px) and (min-width: 800px) {
    .ultra-protected {
        display: none;
    }
}

/* Print protection */
@media print {
    .protected-image,
    .no-print {
        display: none !important;
    }
}

/* Disable image loading when JavaScript is disabled */
.no-js .protected-image {
    display: none;
}

/* Custom context menu disabled indicator */
.protected-image {
    cursor: not-allowed;
}

.protected-image:active {
    transform: scale(0.98);
    transition: transform 0.1s;
}