/*
 * Fix para Imagens Desaparecendo
 * Este arquivo garante que todas as imagens permaneçam visíveis
 * e não sejam afetadas por scripts de lazy loading
 */

/* Garantir que todas as imagens sejam visíveis */
img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Especificamente para imagens com loading lazy */
img[loading="lazy"] {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Garantir que imagens de destaque sejam sempre visíveis */
.post-thumbnail img,
.featured-image,
.post-featured-image,
.post-featured-image img,
.site-logo img,
.custom-logo img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Garantir que o logo seja sempre visível */
.site-branding img,
.site-header img,
header img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Desabilitar qualquer animação de fade em imagens */
img[data-lazy-processed],
img[data-src] {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Garantir que imagens em posts sejam sempre visíveis */
.post-content img,
.entry-content img,
.content img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Garantir que imagens em grids sejam sempre visíveis */
.posts-grid img,
.search-results img,
.related-posts img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Garantir que todas as imagens carregadas sejam visíveis */
img.loaded,
img.complete {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Prevenir que JavaScript modifique a opacity das imagens */
img[style*="opacity: 0"] {
    opacity: 1 !important;
}

img[style*="opacity:0"] {
    opacity: 1 !important;
}

/* Garantir que imagens em elementos específicos sejam visíveis */
.hero-image img,
.banner img,
.slider img,
.gallery img {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
}

/* Debug: destacar imagens que possam estar com problemas */
/*
img[style*="opacity"] {
    border: 2px solid red !important;
}
*/