/**
 * FP Restaurant Reservations - Form Styles
 * Sistema CSS Modulare v2.0
 * 
 * Questo file importa il sistema modulare completo.
 * Il vecchio CSS monolitico è stato salvato in form.css.backup
 * 
 * @version 2.0.0
 * @author Francesco
 * @date 2025-10-12
 */

/* ==================== SISTEMA MODULARE ==================== */

/* Importa tutto il sistema CSS modulare */
@import './form/main.css';

/* ==================== NOTE IMPORTANTI ==================== */

/*
 * STRUTTURA DEL NUOVO SISTEMA:
 * 
 * assets/css/form/
 * ├── main.css              # File principale (importato qui sopra)
 * ├── _variables.css        # Variabili CSS e design tokens
 * ├── _base.css             # Reset e stili base
 * ├── _layout.css           # Grid, spacing, containers
 * ├── _typography.css       # Font, headings, testo
 * ├── _utilities.css        # Classi utility
 * ├── _animations.css       # Keyframes e animazioni
 * ├── _responsive.css       # Media queries
 * └── components/           # Componenti modulari
 *     ├── _buttons.css
 *     ├── _inputs.css
 *     ├── _pills.css
 *     ├── _badges.css
 *     ├── _alerts.css
 *     ├── _progress.css
 *     ├── _steps.css
 *     ├── _meals.css
 *     ├── _slots.css
 *     └── _summary.css
 * 
 * COME PERSONALIZZARE:
 * 
 * 1. Per modificare variabili globali (colori, spacing, ecc):
 *    Modifica: form/_variables.css
 * 
 * 2. Per aggiungere/modificare componenti:
 *    Crea/modifica: form/components/_nome-componente.css
 *    Poi importa in: form/main.css
 * 
 * 3. Per override veloci, aggiungi sotto questo commento:
 */

/* ==================== CUSTOM OVERRIDES ==================== */

/* Aggiungi qui eventuali override personalizzati */

/* Esempio:
:root {
  --fp-color-primary: #ff6b6b;
  --fp-radius-lg: 20px;
}

.fp-btn--custom {
  background: linear-gradient(45deg, #667eea, #764ba2);
}
*/

/* ==================== BACKWARD COMPATIBILITY ==================== */

/* 
 * Se necessario, aggiungi qui classi legacy per retrocompatibilità
 * con template o shortcode che usano il vecchio sistema
 */

/* ==================== FINE ==================== */

/*
 * Per tornare al vecchio sistema:
 * 1. Rimuovi la riga @import './form/main.css';
 * 2. Ripristina il contenuto da form.css.backup
 * 
 * Per supporto o domande:
 * - Leggi la documentazione: form/README.md
 * - Controlla le variabili: form/_variables.css
 */