/**
 * Bootstrap Override - Sobrescrever variáveis CSS do Bootstrap
 * 
 * CARREGAMENTO: Após bootstrap.min.css
 * ESPECIFICIDADE: Mesma do Bootstrap, mas ordem posterior = precedência
 * 
 * ⚠️ IMPORTANTE: Este arquivo deve ser carregado APÓS o Bootstrap
 */

:root {
    /* ===== SOBRESCREVER VARIÁVEIS DO BOOTSTRAP ===== */

    /* Botões Primários */
    --bs-primary: var(--primary-color) !important;
    --bs-primary-rgb: 139, 69, 19 !important;
    /* Equivalente a #8B4513 */

    /* Variáveis específicas dos botões */
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--primary-color) !important;
    --bs-btn-border-color: var(--primary-color) !important;

    /* Estados hover */
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--primary-light) !important;
    --bs-btn-hover-border-color: var(--primary-dark) !important;

    /* Estados ativos */
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: var(--primary-dark) !important;
    --bs-btn-active-border-color: var(--primary-dark) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;

    /* Estados desabilitados */
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: var(--primary-color) !important;
    --bs-btn-disabled-border-color: var(--primary-color) !important;

    /* Focus e outras interações */
    --bs-btn-focus-shadow-rgb: 139, 69, 19 !important;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(139, 69, 19, 0.25) !important;

    /* ===== OUTRAS CORES BOOTSTRAP ===== */

    /* Cores secundárias */
    --bs-secondary: var(--gray) !important;
    --bs-secondary-rgb: 108, 117, 125 !important;

    /* Cores de sucesso */
    --bs-success: var(--success-color) !important;
    --bs-success-rgb: 40, 167, 69 !important;

    /* Cores de perigo */
    --bs-danger: var(--error-color) !important;
    --bs-danger-rgb: 220, 53, 69 !important;

    /* Cores de aviso */
    --bs-warning: var(--warning-color) !important;
    --bs-warning-rgb: 255, 193, 7 !important;

    /* Cores de informação */
    --bs-info: var(--info-color) !important;
    --bs-info-rgb: 23, 162, 184 !important;

    /* ===== TIPOGRAFIA ===== */
    --bs-font-sans-serif: var(--font-primary) !important;
    --bs-body-font-family: var(--font-primary) !important;

    /* ===== ESPAÇAMENTOS E BORDAS ===== */
    --bs-border-radius: var(--border-radius-md) !important;
    --bs-border-radius-sm: var(--border-radius-sm) !important;
    --bs-border-radius-lg: var(--border-radius-lg) !important;

    /* ===== NAV PILLS ===== */
    --bs-nav-pills-link-active-bg: var(--primary-color) !important;
    --bs-nav-pills-link-active-color: var(--white) !important;
}

.nav-pills .nav-link {
    background-color: var(--white) !important;
    color: var(--dark-gray) !important;
}

.nav-pills .nav-link.active {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* ===== CLASSES ESPECÍFICAS PARA GARANTIR APLICAÇÃO ===== */

/* Botões primários específicos */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: var(--primary-color) !important;
    --bs-btn-border-color: var(--primary-color) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--primary-light) !important;
    --bs-btn-hover-border-color: var(--primary-dark) !important;
    --bs-btn-focus-shadow-rgb: 139, 69, 19 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: var(--primary-dark) !important;
    --bs-btn-active-border-color: var(--primary-dark) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: var(--primary-color) !important;
    --bs-btn-disabled-border-color: var(--primary-color) !important;

    /* Forçar cor da borda diretamente */
    border-color: var(--primary-color) !important;
}

/* Botões outline primários */
.btn-outline-primary {
    --bs-btn-color: var(--primary-color) !important;
    --bs-btn-border-color: var(--primary-color) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--primary-color) !important;
    --bs-btn-hover-border-color: var(--primary-color) !important;
    --bs-btn-focus-shadow-rgb: 139, 69, 19 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: var(--primary-color) !important;
    --bs-btn-active-border-color: var(--primary-color) !important;
}

/* Links e cores de texto */
.text-primary {
    color: var(--primary-color) !important;
}

.link-primary {
    color: var(--primary-color) !important;
}

.link-primary:hover,
.link-primary:focus {
    color: var(--primary-dark) !important;
}

/* Backgrounds */
.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Bordas */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* ===== MODAL Z-INDEX OVERRIDE ===== */
/* Garantir z-index correto para modais Bootstrap */
.modal {
    --bs-modal-zindex: 1050 !important;
    z-index: 1050 !important;
}

.modal-backdrop {
    --bs-backdrop-zindex: 1040 !important;
    z-index: 1040 !important;
}