/*

Custom style

You can override the default class or style here

This file will not be overwritten by the updater

*/

/* Fix for lazy loading images */
img.lazyload {
    opacity: 0;
    transition: opacity 0.3s;
}

img.lazyloaded {
    opacity: 1;
}

/* Ensure game thumbnails display properly */
.game-thumb-hover img,
.list-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

/* Fallback for images that don't load */
img[data-src] {
    min-height: 150px;
    background-color: #f0f0f0;
}

/* Force image loading */
img[data-src].lazyload {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Ensure images are visible when loaded */
img[src] {
    opacity: 1 !important;
    display: block !important;
}

/* Make sure game thumbnails are visible */
.game-grid-item img,
.game-card-hover img {
    opacity: 1 !important;
    display: block !important;
}

/* Force specific broken games to display */
img[data-src*="play-word-search"],
img[data-src*="play-ninja-time"],
img[data-src*="play-route-digger"],
img[data-src*="play-fall-beans"] {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
}