/* =========================================================================
   ARQUIVO PRINCIPAL - SISTEMA DE CARRINHO
   Sistema de CSS Modules para Carrinho Personalizado
   ========================================================================= */

/* 
   ORDEM DE IMPORTAÇÃO:
   1. Base (estruturas principais e layout)
   2. Produtos (estilos específicos de produtos no carrinho)
   3. Responsivo (queries para diferentes breakpoints)
*/

/* =========================================================================
   APPLE DESIGN SYSTEM - VARIÁVEIS E BASE
   ========================================================================= */
@import url('./carrinho-apple-vars.css');

/* =========================================================================
   WRAPPER - CONTAINER PRINCIPAL
   ========================================================================= */
@import url('./carrinho-wrapper.css');

/* =========================================================================
   LAYOUT APPLE-STYLE - ESTRUTURA PRINCIPAL
   ========================================================================= */
@import url('./carrinho-layout-apple.css');

/* =========================================================================
   BASE - ESTRUTURAS PRINCIPAIS E LAYOUT
   ========================================================================= */
@import url('./carrinho.css');

/* =========================================================================
   PRODUTOS - ESTILOS ESPECÍFICOS DE PRODUTOS NO CARRINHO
   ========================================================================= */
@import url('./carrinho-produto.css');

/* =========================================================================
   CARRINHO VAZIO - APPLE STYLE
   ========================================================================= */
@import url('./carrinho-vazio.css');

/* =========================================================================
   CORREÇÃO CRÍTICA: Elemento #view bloqueando sticky
   ========================================================================= */
/* Usando alta especificidade sem !important - aplicado via JavaScript também */
html body #view:has(.carrinho-apple-wrapper) {
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
}

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

/*
   COMO USAR ESTE SISTEMA:
   
   1. Este arquivo serve como ponto central de importação para o carrinho
   2. Todos os estilos do carrinho são importados aqui
   3. O carrinho é separado do sistema modular da armação para evitar conflitos
   
   ESTRUTURA DE DIRETÓRIOS:
   carrinho/
   ├── carrinho.css          # Estilos base do carrinho
   ├── carrinho-produto.css  # Estilos específicos de produtos
   └── main.css              # Este arquivo (ponto de entrada)
   
   BENEFÍCIOS:
   - Sistema isolado do carrinho
   - Não interfere com a página de armação
   - Fácil manutenção e organização
   - Carregamento otimizado
   
   NOTA: As queries responsivas estão dentro dos próprios arquivos CSS
   para manter a organização atual sem refatoração.
*/