/* Fix per effetto opacità/desaturazione su mobile - BACKUP FIX */
/* Importare questo file in OngoingLeagueTabbed.js se il problema persiste */

@media (max-width: 767px) {
  /* Rimuovi qualsiasi opacità ridotta dai pannelli mobile */
  .carousel-panel,
  .carousel-panel:not(.active),
  .carousel-panel.active,
  .mobile-panels-carousel-container .carousel-panel,
  .ongoing-acoordion-main-container .carousel-panel {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  
  /* Rimuovi backdrop-filter che possono causare desaturazione */
  .mobile-bottom-menu-sec,
  .mobile-dots-navigation,
  .mobile-panels-carousel-wrapper {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  
  /* Assicura che tutti i contenuti dei pannelli siano completamente visibili */
  .panel-content,
  .panel-content-body,
  .main-info-panel-container,
  .registration-dashboard-panel-container {
    opacity: 1 !important;
    filter: none !important;
  }
  
  /* Fix specifico per OngoingLeagueTabbed */
  .page-layout-container .ongoing-acoordion-main-container .carousel-panel,
  body .ongoing-acoordion-main-container .carousel-panel {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  
  /* Rimuovi qualsiasi effetto di transizione che potrebbe causare problemi */
  .mobile-panels-carousel-container.swiping .carousel-panel {
    opacity: 1 !important;
    filter: none !important;
  }
}

/* Extra specificity per override completo */
body .page-layout-container .ongoing-acoordion-main-container .mobile-panels-carousel-wrapper .carousel-panel {
  opacity: 1 !important;
  filter: none !important;
}