/*
 * MO Image Protect — Estilos de proteção
 * MoDigital — agenciamodigital.com.br
 */

/* Desativa seleção visual nas imagens protegidas */
.woocommerce img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
    pointer-events: none; /* bloqueia eventos de mouse diretamente na <img> */
}

/*
 * Overlay via pseudo-elemento no pai.
 * O pointer-events: none na img pode quebrar lightboxes;
 * o overlay abaixo cobre a imagem SEM interferir em cliques no container
 * (o JS cuida dos casos específicos).
 */
.woocommerce .woocommerce-product-gallery__image,
.woocommerce .wp-post-image,
.woocommerce figure.woocommerce-product-gallery__wrapper {
    position: relative;
}

.woocommerce .woocommerce-product-gallery__image::after,
.woocommerce figure.woocommerce-product-gallery__wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    /* Transparente — só existe para interceptar clique direito */
    background: transparent;
}

/* Impede selecionar texto próximo às imagens (UX secundário) */
.woocommerce .woocommerce-product-gallery {
    -webkit-user-select: none;
    user-select: none;
}