/* Performance Optimizations - Critical CSS Improvements */



/* GPU Acceleration for interactive elements */

.stream-nav-link,

.chat-tab,

.mobile-menu-btn,

.post-card,

.ad-item {

    will-change: transform;

    transform: translateZ(0);

    backface-visibility: hidden;

}



/* Strict containment for major sections - Reduces Style & Layout significantly */

.post-section,

.stream-description-section {

    contain: layout paint style;

}



.site-footer,

.ads-section {

    contain: layout style;

}



.thomo-section {

    contain: layout style;

}



/* Strict containment for tab contents */

.chat-tab-content {

    contain: strict;

}



.posts-list {

    contain: layout paint;

}



/* Optimize iframe rendering - Critical for reducing "Other" time */

iframe {

    contain: strict;

    will-change: contents;

    isolation: isolate;

}



/* Reduce paint area for images - Critical for Rendering time */

.post-card-img,

.post-item img {

    contain: layout paint;

    content-visibility: auto;

}



/* Force composite layers for smooth scrolling */

.stream-nav,

.chat-tabs {

    will-change: scroll-position;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    contain: layout style;

}



/* Optimize animations */

@media (prefers-reduced-motion: no-preference) {

    .stream-nav-link:hover,

    .chat-tab:hover,

    .post-card:hover {

        will-change: transform, box-shadow;

    }

}



/* Content visibility for below-fold sections */

.post-grid {

    contain: layout paint;

}



/* Prevent layout shifts - Reduce CLS and Style & Layout */

.player-wrapper,

.thomo-chat {

    contain: size layout;

}



/* Optimize repaints */

.mobile-nav {

    contain: layout style;

    will-change: transform, opacity;

}



/* Reduce rendering complexity */

.post-card-content,

.footer-col,

.post-item-content {

    contain: content;

}



/* Layer promotion for chat and stream containers */

.thomo-container {

    contain: layout;

}



.thomo-player,

.thomo-chat {

    contain: layout style;

}



/* Optimize header for less repaints */

.site-header {

    contain: layout style;

}



/* Force GPU layer for nav items */

.main-nav a,

.mobile-nav a {

    will-change: color, background-color;

    transform: translateZ(0);

}



/* Reduce GC pressure - Critical for "Other" time */

* {

    -webkit-tap-highlight-color: transparent;

}



/* Optimize card hover states */

.post-card {

    contain: layout style;

}



.post-card:hover {

    will-change: transform;

}



/* Reduce layout thrashing for dynamic content */

.empty-state,

.empty-message {

    contain: content;

}



/* Section headers optimization */

.section-header {

    contain: layout;

}



/* Ads container optimization */

.ads-container {

    contain: layout paint;

}



/* Chat tabs wrapper optimization */

.chat-tabs-wrapper {

    contain: layout;

}



/* Stream navigation optimization */

.stream-nav {

    contain: layout paint;

}