/**
 * Lazy Loading Images Styles
 */

/* Image en cours de lazy loading */
img.lazy {
    opacity: 0.5;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: lazy-loading-shimmer 1.5s ease-in-out infinite;
}

/* Animation shimmer pendant le chargement */
@keyframes lazy-loading-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Image chargée avec succès */
img.lazy-loaded {
    opacity: 1;
    background: none;
    animation: none;
}

/* Image en erreur */
img.lazy-error {
    opacity: 1;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

/* Placeholder pour images non encore chargées */
img[data-src]:not([src]) {
    background-color: #f9fafb;
    border: 1px solid rgba(111, 175, 166, 0.1);
}