/* ===================== CHECKOUT CSS ROUTER ===================== */
/* 
 * Arquivo principal que importa todos os módulos CSS
 * Mantenha esta ordem para garantir a cascata correta
 */

/* 1. Base e variáveis */
@import url('modules/base.css');

/* 2. Layout principal */
@import url('modules/layout.css');

/* 3. Formulários e campos */
@import url('modules/forms.css');

/* 4. Tabs de pagamento */
@import url('modules/tabs.css');

/* 5. Order bumps */
@import url('modules/order-bumps.css');

/* 6. Métodos de pagamento e botões */
@import url('modules/payment-methods.css');

/* 7. Responsividade */
@import url('modules/responsive.css');

/* 8. Utilitários e componentes auxiliares */
@import url('modules/utilities.css');

/* ===================== OVERRIDES E CORREÇÕES FINAIS ===================== */
/* 
 * Adicione aqui qualquer estilo que precise sobrescrever os módulos
 * Mantenha esta seção mínima - prefira corrigir nos módulos apropriados
 */

/* Garantir que a borda do order bump tenha prioridade máxima */
.bump-item {
    border: 1px solid var(--primary-color) !important;
}

/* Correção específica para z-index em mobile */
@media (max-width: 768px) {
    .bump-item {
        z-index: 3 !important;
        position: relative !important;
    }
}

/* Debug helpers (remover em produção) */
.debug * {
    outline: 1px solid red;
}