/* =========================================================================
   WOOSTIFY CHILD THEME - SISTEMA DE CSS MODULAR
   ========================================================================= */

/*
   IMPORTANTE: 
   Este arquivo foi migrado para um sistema de módulos CSS organizados.
   Todos os estilos foram movidos para a pasta modules/ para melhor:
   - Organização
   - Manutenibilidade  
   - Performance
   - Escalabilidade
   
   O carregamento é feito automaticamente via functions.php
*/

/* =========================================================================
   IMPORTAÇÃO DO SISTEMA MODULAR
   ========================================================================= */

/* 
   IMPORTANTE: A importação do main.css foi removida para evitar duplicação.
   O main.css já é carregado diretamente pelo functions.php
   Este arquivo agora serve apenas para overrides específicos quando necessário.
*/

/* =========================================================================
   ESTILOS ESPECÍFICOS ADICIONAIS (se necessário)
   ========================================================================= */

/* 
   Use este espaço apenas para:
   - Overrides temporários urgentes
   - Estilos muito específicos que não se encaixam nos módulos
   - Customizações pontuais de terceiros
   
   IMPORTANTE: Minimize o uso deste espaço
   Prefira sempre adicionar ao módulo apropriado em modules/
*/

/* Exemplo de override específico:
.classe-especifica {
  propriedade: valor !important;
}
*/

/* =========================================================================
   DOCUMENTAÇÃO DO SISTEMA
   ========================================================================= */

/*
   ESTRUTURA DE MÓDULOS:
   
   modules/
   ├── base/                    # ✅ Fundações (tipografia, utilitários, animações)
   ├── components/              # ✅ Componentes reutilizáveis
   │   ├── buttons.css         # ✅ Sistema de botões
   │   ├── forms.css           # ✅ Formulários e inputs
   │   ├── precos.css          # ✅ Sistema de preços e tags
   │   ├── modais.css          # ✅ Modais e tooltips
   │   ├── loading.css         # ✅ Spinners e loading
   │   ├── selecoes.css        # ✅ Estados de seleção
   │   └── produtos.css        # ✅ Componentes de produto
   ├── gavetas/                 # ✅ Sistema de gavetas do projeto
   │   ├── gavetas-base.css    # ✅ Base comum das gavetas
   │   ├── gaveta-selecao.css  # ✅ Seleção de lentes
   │   ├── gaveta-receita.css  # ✅ Formulário de receita
   │   ├── gaveta-opcoes.css   # ✅ Tipos de óculos
   │   ├── gaveta-dp.css       # ✅ Distância pupilar
   │   └── gaveta-resultado.css # ✅ Resumo final
   ├── carrinho/               # ✅ Sistema de carrinho
   │   ├── carrinho-base.css   # ✅ Base do carrinho
   │   ├── carrinho-produto.css # ✅ Produtos no carrinho
   │   ├── carrinho-cupom.css  # ✅ Sistema de cupons
   │   └── carrinho-mini.css   # ✅ Mini carrinho
   └── main.css                # ✅ Ponto de entrada (importa todos)
   
   ETAPAS CONCLUÍDAS:
   ✅ Etapa 1: Fundações Base
   ✅ Etapa 2: Sistema de Gavetas - Base  
   ✅ Etapa 3: Gavetas Específicas
   ✅ Etapa 4: Sistema de Carrinho
   ✅ Etapa 5: Componentes de Interface
   
   PRÓXIMAS ETAPAS:
   🔄 Etapa 6: Sistema de Preços e Produtos
   🔄 Etapa 7: Layout e Grid
   🔄 Etapa 8: Responsividade e Otimização
*/

/* =========================================================================
   BACKUP DOS ESTILOS LEGADOS
   ========================================================================= */

/*
   Os estilos originais foram migrados para os módulos apropriados.
   Se precisar recuperar algum estilo específico, consulte:
   
   1. Commits do Git para histórico completo
   2. Módulos específicos em modules/
   3. Documentação em modules/README.md
   
   Data da migração: [Data atual]
   Versão anterior: disponível no histórico do Git
*/