/**
 * FIX WCFM MODULES - Forcer l'affichage des images
 * 
 * Problème : Les URLs sont présentes mais les images ne s'affichent pas
 * Solution : Forcer les propriétés d'affichage des background-image
 */

/* === FORCER L'AFFICHAGE DES IMAGES DE FOND === */

/* Tous les modules WCFM avec background-image */
.wcfm_module_box[style*="background-image"] {
    background-size: 40px 40px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: scroll !important;
    /* S'assurer que l'élément peut afficher l'image */
    overflow: visible !important;
    /* Taille minimale pour voir l'image */
    min-width: 60px !important;
    min-height: 60px !important;
    /* S'assurer que l'élément est visible */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Spécifiquement pour contrer des règles potentiellement conflictuelles */
.wcfm_module_boxes .wcfm_module_box {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* === DIAGNOSTIC VISUEL === */

/* Bordure temporaire pour voir les modules qui ont des URLs mais pas d'images visibles */
.wcfm_module_box[style*="background-image"]:not(.wcfm-image-visible) {
    border: 2px solid #00ff00 !important;
    box-shadow: inset 0 0 10px rgba(0, 255, 0, 0.3) !important;
}

/* Test avec une couleur de fond pour voir si le module est visible */
.wcfm_module_box[style*="background-image"] {
    background-color: rgba(255, 255, 0, 0.1) !important;
}