/**
 * Correctif spécifique pour supprimer le texte en haut à gauche des images du blog
 */

/* Supprimer tout texte ou élément qui pourrait apparaître sur les images */
.blog-card {
    position: relative;
}

/* Supprimer spécifiquement le texte en haut à gauche */
.blog-card::before,
.blog-image::before,
.blog-image::after,
.blog-image *::before,
.blog-image *::after {
    display: none !important;
    content: none !important;
}

/* Masquer tout texte qui pourrait être généré automatiquement */
.blog-image img {
    font-size: 0 !important;
    color: transparent !important;
}

/* Supprimer les légendes d'images */
figcaption,
.wp-caption-text,
.gallery-caption,
.image-caption {
    display: none !important;
}

/* Supprimer tout élément textuel superposé */
.blog-image h1, 
.blog-image h2, 
.blog-image h3, 
.blog-image h4, 
.blog-image h5, 
.blog-image h6,
.blog-image p, 
.blog-image span:not(.blog-date), 
.blog-image div:not(.blog-image) {
    display: none !important;
}

/* Solution radicale - créer une couche qui masque tout sauf la date */
.blog-image::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1;
}

/* S'assurer que la date reste visible */
.blog-date {
    z-index: 3 !important;
    position: relative !important;
}

/* Forcer l'image à être au premier plan */
.blog-image img {
    position: relative;
    z-index: 2 !important;
}
