/**
 * Image Protection Styles
 * 
 * Prevents dragging and right-clicking on images
 * while ensuring parent containers remain clickable and hover effects work
 * SEO-friendly: Allows search engine bots to access images.
 */

/* Prevent image dragging and downloading - for all image types */
.voice-actor-image img,
.animation-image img,
.video-game-image img,
.character-image img,
.grid-item img,
.thumbnail img,
.featured-image img,
.post-thumb img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/* Make parent containers clickable */
.voice-actor-link,
.animation-link,
.video-game-link,
.character-link,
.grid-item a,
.post a {
    cursor: pointer;
    position: relative;
    display: block;
}

/* Additional protection - global rule */
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* SEO Exception: Allow search engine bots to access images */
/* This ensures search engines can crawl images while maintaining user protection */
@media screen {
    /* Regular users see protection */
    img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

/* Ensure images are always visible and accessible to search engines */
img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Maintain hover effects */
.voice-actor-card:hover,
.animation-card:hover,
.video-game-card:hover,
.character-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}