/**
 * Image Shield - Protection Styles
 *
 * CSS styles for protecting images from casual copying.
 */

/* Disable user selection on protected images */
.image-shield-protected img,
.product-image img,
.product-gallery img,
.ecommerce-product img,
[data-protected="true"],
.protected-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    pointer-events: none;
}

/* Re-enable pointer events on parent for click functionality */
.image-shield-protected,
.product-image,
.product-gallery,
.ecommerce-product {
    cursor: pointer;
    pointer-events: auto;
}

/* Transparent overlay to prevent direct image access */
.image-shield-protected {
    position: relative;
    display: inline-block;
}

.image-shield-protected::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
}

/* Ensure images still display properly */
.image-shield-protected img {
    display: block;
    max-width: 100%;
    height: auto;
}