/* ============================= */
/* OPTIMISATIONS SPÉCIFIQUES MENU */
/* ============================= */

/* Désactiver toutes les animations coûteuses */
#fullscreen-menu,
.glassmorphism-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.glassmorphism-menu::before {
  display: none !important;
}

/* Désactiver le blur partout */
@media (max-width: 768px) {
  #fullscreen-menu,
  .glassmorphism-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  .glassmorphism-menu::before {
    display: none !important;
  }
}

/* Désactiver complètement le blur si préférences réduites */
@media (prefers-reduced-motion: reduce) {
  #fullscreen-menu,
  .glassmorphism-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.9) !important;
  }
  
  .glassmorphism-menu {
    background: rgba(255, 255, 255, 0.1) !important;
  }
  
  .glassmorphism-menu::before {
    display: none !important;
  }
  
  #fullscreen-menu .category {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Option pour désactiver le halo complètement */
.no-halo .glassmorphism-menu::before {
  display: none !important;
}

/* Forcer l'accélération GPU uniquement quand nécessaire */
#fullscreen-menu:not(.active) {
  will-change: auto;
}

#fullscreen-menu.active {
  will-change: opacity;
}

#fullscreen-menu.active .glassmorphism-menu {
  will-change: transform;
}