/**
 * Lazy Loading Styles for Corpify
 * 
 * This file contains styles for lazy-loaded images and content.
 */

/* Style for images before they're loaded */
img[data-src] {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

/* Style for images after they're loaded */
img.lazy-loaded {
    opacity: 1;
}

/* Placeholder style */
.image-placeholder {
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
}

/* Placeholder shimmer effect */
.image-placeholder::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.2) 20%, 
        rgba(255,255,255,0.5) 60%, 
        rgba(255,255,255,0) 100%);
    animation: shimmer 2s infinite;
    transform: translateX(-100%);
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}