/**
 * CRF/DF - Estilos Customizados & Identidade Visual
 * Versão: 2.0 (Bootstrap 5.3 Modernizado)
 */

/* ==========================================================================
   1. ESTRUTURA GERAL E CARDS
   ========================================================================== */

/* Card de Autenticação / Formulários Limpos estilo Login */
.card-autenticacao {
    border: 1px solid #e3e3e3 !important;
    border-radius: 6px;
    background-color: #fcfcfc;
}

/* ==========================================================================
   2. NAVEGAÇÃO E HEADER INSTITUCIONAL (AZUL E DOURADO)
   ========================================================================== */

/* Fundo do Menu Principal (Azul Escuro com detalhe Dourado) */
.bg-crf {
    background-color: #0d2240 !important; /* Azul escuro institucional */
    border-bottom: 3px solid #d4af37 !important; /* Detalhe em Dourado */
}

/* Ajuste das opções do menu */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

/* Destaque ao passar o mouse e no item ativo */
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #d4af37 !important; /* Dourado */
    font-weight: 600;
}

/* Cor e borda dos itens dentro dos Menus Dropdown */
.dropdown-menu {
    border-top: 3px solid #d4af37;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #0d2240;
    font-weight: bold;
}

/* ==========================================================================
   3. BOTÕES PERSONALIZADOS
   ========================================================================== */

/* Botão Dourado Padrão do Sistema */
.btn-gold {
    background-color: #c49a2b;
    border-color: #b38b22;
    color: #ffffff;
}

.btn-gold:hover, 
.btn-gold:focus, 
.btn-gold:active {
    background-color: #b38b22 !important;
    border-color: #9e7a1c !important;
    color: #ffffff !important;
}

/* ==========================================================================
   4. FORMULÁRIOS, INPUTS E SELECTS
   ========================================================================== */

/* Bordas Douradas para Inputs, Selects e Elementos de Entrada */
.border-gold {
    border-color: #d1b154 !important;
}

/* Prepend/Append de Ícones dos Inputs (Caixa do ícone à esquerda) */
.input-group-text-gold {
    background-color: #ffffff;
    border-color: #d1b154;
    color: #c49a2b;
}

/* Ajuste fino e alinhamento do Select com Input-Group estilo Login */
.input-group .form-select.border-gold {
    border-color: #d1b154 !important;
    color: #495057;
}

.input-group .form-select.border-gold:focus,
.input-group .form-control.border-gold:focus {
    box-shadow: 0 0 0 0.25rem rgba(209, 177, 84, 0.25) !important;
    border-color: #b38b22 !important;
}

/* Ajuste sutil para texto descritivo e ícones dentro do input-group */
.text-gold {
    color: #c49a2b !important;
}