/* ========================================
   INP (Interaction to Next Paint) FIX
   Version: 1.0
   Replaces JavaScript hover handlers with CSS
   ======================================== */

/* Menu hover effects - CSS instead of JavaScript */
.oc-header .menu__link a {
    color: #4f5964;
    transition: color 0.15s ease;
}

.oc-header .menu__link a i {
    color: #da1f15;
    transition: color 0.15s ease;
}

.oc-header .menu__link:hover a,
.oc-header .menu__link:hover a i {
    color: #fff;
}

/* Optimize touch targets for mobile - minimum 48px */
@media (max-width: 768px) {
    .menu__link a,
    .nav-link,
    button,
    .btn {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 16px;
    }
}

/* Reduce paint on hover by using transform instead of color changes where possible */
.game-content .content:hover {
    transform: translateY(-2px);
    will-change: transform;
}

/* Optimize accordion animations */
.panel-collapse {
    transition: height 0.2s ease-out;
    will-change: height;
}

/* Optimize filter interactions */
.filter-btn,
.category-filter {
    touch-action: manipulation;
}

/* Reduce repaints on scroll */
.sticky-header,
.fixed-header {
    will-change: transform;
    backface-visibility: hidden;
}

/* Cookie consent - ensure smooth animation without blocking */
.cookie-consent-bar {
    transform: translateY(100%);
    transition: transform 0.3s ease;
    will-change: transform;
}

.cookie-consent-bar.show {
    transform: translateY(0);
}

/* Age gate modal - prevent layout shift */
#popUp18plus {
    contain: layout style paint;
}

/* Optimize button interactions */
.pop-btn,
.btn-primary,
.btn-secondary {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* Prevent double-tap zoom on interactive elements */
a, button, input, select, textarea {
    touch-action: manipulation;
}