/* Performance Optimization Hints */
/* This file provides resource hints to the browser for better performance */

/* Optimize image loading */
img {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

/* GPU Acceleration for smooth animations */
.movie-card,
.modal-content,
.hero-spotlight,
.btn-server,
.btn-tool {
    /* Removed will-change - causes issues when always on */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}


/* Optimize scrolling */
* {
    -webkit-overflow-scrolling: touch;
}

/* Reduce paint on scroll */
.movie-list {
    contain: layout style paint;
}

/* Optimize modal rendering */
#movie-modal {
    contain: layout style;
}

/* CRITICAL FIX: Remove ALL CSS interference with iframe video rendering */
/* The problem: CSS transforms cause browser to re-encode video frames through GPU */
/* This creates frame drops and stuttering even with good internet */
iframe {
    /* NO transforms - they cause video frame rate issues */
    /* NO will-change - causes GPU memory pressure */
    /* NO isolation - adds unnecessary compositing layer */
    /* NO contain - prevents proper video acceleration */

    /* Let iframe render completely naturally */
    display: block;
    border: 0;

    /* Browser will handle video acceleration automatically */
    /* Any CSS optimization here actually HURTS performance */
}

/* Even for video iframes - ZERO interference */