/* 
 * SerieA26 (Phantix) – main.css
 * Purpose: File principale che importa tutti i moduli CSS nell'ordine corretto
 * Owner: frontend team
 * Created: 2025-01-10
 * Notes: Seguire l'ordine di importazione per evitare conflitti di specificità
 */

/* === CORE STYLES (Foundation) === */
/* Design tokens - devono essere caricati per primi */
@import './core/tokens.css';

/* Reset CSS - normalizza gli stili del browser */
@import './core/reset.css';

/* Base styles - stili di base per elementi HTML */
@import './core/base.css';

/* === LAYOUT STYLES === */
/* Container e strutture di layout */
@import './layout/containers.css';

/* Sistema di griglia e flexbox utilities */
@import './layout/grid.css';

/* Header e navigazione */
@import './layout/header.css';

/* Footer e navigazione inferiore */
@import './layout/footer.css';

/* === COMPONENT STYLES === */
/* Componenti riutilizzabili in ordine di dipendenza */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/elements.css';
@import './components/modals.css';
@import './components/game-type-modal.css';
@import './components/auth.css';

/* === UTILITY STYLES === */
/* Helper classes e utilities */
@import './utilities.css';

/* === PAGE-SPECIFIC STYLES === */
/* Stili specifici per ogni pagina */
@import './pages/auth.css';
@import './pages/mobile.css';
@import './pages/admin.css';
@import './pages/game.css';
/* @import './pages/user-landing.css'; */ /* File non esistente */
/* @import './pages/select-competitors.css'; */ /* File non esistente - usa select-opponent.css */
@import './pages/select-opponent.css';
@import './pages/contest-creation.css';

/* === THEME OVERRIDES === */
/* Eventuali temi personalizzati (da implementare se necessario) */
/* @import './themes/dark.css'; */
/* @import './themes/high-contrast.css'; */

/* === LEGACY SUPPORT === */
/* Supporto per codice legacy (da rimuovere gradualmente) */
/* TEMPORARY: Include legacy files until JS refactoring is complete */
@import './legacy/mobile.css'; 
@import './legacy/mobile2.css'; 

/* === PRINT STYLES === */
@media print {
  /* Stili specifici per la stampa */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  a,
  a:visited {
    text-decoration: underline;
  }
  
  a[href]:after {
    content: " (" attr(href) ")";
  }
  
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  
  .no-print {
    display: none !important;
  }
  
  .page-break {
    page-break-before: always;
  }
  
  h1, h2, h3 {
    page-break-after: avoid;
  }
  
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  
  img {
    max-width: 100% !important;
  }
  
  @page {
    margin: 2cm;
  }
}

/* === DEVELOPMENT HELPERS === */
/* Helpers per il debug durante lo sviluppo - rimuovere in produzione */
/*
.debug * {
  outline: 1px solid red;
}

.debug-grid {
  background-image: 
    linear-gradient(rgba(255, 0, 0, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 0, 0, 0.1) 1px, transparent 1px);
  background-size: 20px 20px;
}
*/