/* =========================================================================
   ARQUIVO PRINCIPAL - IMPORTAÇÃO DE MÓDULOS CSS
   Sistema de CSS Modules para Woostify Child Theme
   ========================================================================= */

/* 
   ORDEM DE IMPORTAÇÃO:
   1. Base (reset, tipografia, utilitários, animações)
   2. Layout (grid, containers, responsivo)
   3. Componentes (botões, formulários, modais, etc.)
   4. Gavetas (sistema específico do projeto)
   5. Carrinho (sistema específico do projeto)
*/

/* =========================================================================
   BASE - FUNDAÇÕES DO SISTEMA
   ========================================================================= */
@import url('./base/utilities.css');
@import url('./base/typography.css');
@import url('./base/animations.css');

/* =========================================================================
   GAVETAS - SISTEMA ESPECÍFICO DO PROJETO (BASE PRIMEIRO)
   ========================================================================= */
@import url('./gavetas/gavetas-base.css');
@import url('./gavetas/gavetas-headers.css');
@import url('./gavetas/gavetas-typography.css');
@import url('./gavetas/gaveta-selecao.css');
@import url('./gavetas/gaveta-receita.css');
@import url('./gavetas/gaveta-opcoes.css');
@import url('./gavetas/gaveta-dp.css');
@import url('./gavetas/gaveta-upload.css');
@import url('./gavetas/gaveta-resultado.css');

/* =========================================================================
   CARRINHO - SISTEMA ESPECÍFICO DO PROJETO (BASE PRIMEIRO)
   ========================================================================= */
@import url('./carrinho/carrinho-base.css');
@import url('./carrinho/carrinho-produto.css');
@import url('./carrinho/carrinho-cupom.css');
@import url('./carrinho/carrinho-mini.css');

/* =========================================================================
   COMPONENTES - ELEMENTOS REUTILIZÁVEIS (DEPOIS DOS BASES)
   ========================================================================= */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/precos.css');
@import url('./components/modais.css');
@import url('./components/loading.css');
@import url('./components/selecoes.css');
@import url('./components/produtos.css');
@import url('./responsive/1920.css');
@import url('./responsive/1366.css');
@import url('./responsive/768.css');
@import url('./responsive/480.css');

/* =========================================================================
   LAYOUT - ESTRUTURAS DE GRID E CONTAINERS
   ========================================================================= */
/* @import url('./layout/grid.css'); */
/* @import url('./layout/containers.css'); */
/* @import url('./layout/responsive.css'); */

/* =========================================================================
   COMENTÁRIOS E DOCUMENTAÇÃO
   ========================================================================= */

/*
   COMO USAR ESTE SISTEMA:
   
   1. Este arquivo serve como ponto central de importação
   2. Módulos comentados serão criados nas próximas etapas
   3. Para adicionar um novo módulo:
      - Crie o arquivo na pasta apropriada
      - Adicione a importação aqui
      - Mantenha a ordem lógica
   
   ESTRUTURA DE DIRETÓRIOS:
   modules/
   ├── base/          # Fundações (reset, tipografia, utilitários, animações)
   ├── layout/        # Estruturas de grid e containers
   ├── components/    # Componentes reutilizáveis (botões, formulários, modais)
   ├── gavetas/       # Sistema de gavetas específico do projeto
   ├── carrinho/      # Sistema de carrinho específico do projeto
   └── main.css       # Este arquivo (ponto de entrada)
   
   BENEFÍCIOS:
   - Modularização clara e organizada
   - Fácil manutenção de componentes isolados
   - Reutilização de código
   - Carregamento otimizado
   - Estrutura escalável
   
   CONVENÇÕES:
   - Use hashes únicos conforme sistema existente (ksl + 7 caracteres)
   - Mantenha comentários descritivos em cada módulo
   - Documente dependências entre módulos
   - Siga padrões responsivos consistentes
*/