/* -------------------------------------------------
   OPTIMIZATION FIXES (Added by Antigravity)
------------------------------------------------- */

/* Fix for CLS (Cumulative Layout Shift) */
.movie-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background-color: #1a2942;
    /* Placeholder dark blue */
    border-radius: 8px;
    /* Optional rounded corners */
}

/* Ensure images fill the container without distortion or jumping */
.movie-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Fix for broken images */
.movie-thumb img[src=""],
.movie-thumb img:not([src]) {
    opacity: 0;
}

/* SEO Optimization: Visually hide elements but keep them accessible to search engines */
.seo-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}