/* Image Protection Styles */

/* Container for protected images */
.image-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Make images non-selectable */
.protected-image {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none; /* Prevents direct interaction */
}

/* Transparent overlay to prevent direct image access */
.image-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 10;
}