/* static/css/style.css */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* =============================================== */
/* --- ESTILOS DA SIDEBAR DA EMPRESA (B2B) --- */
/* =============================================== */

/* 1. Define a cor de fundo da sidebar. !important força a aplicação. */
.sidebar-empresa-bg {
    background-color: #90e1f0 !important; /* Azul muito claro, inspirado no logo */
}

/* 2. Fixa a sidebar na tela e adiciona rolagem */
#sidebarMenuEmpresa.sidebar {
    position: fixed;
    top: 56px; /* Ajuste se a altura da sua navbar for diferente */
    bottom: 0;
    left: 0;
    z-index: 100;
    height: calc(100vh - 56px);
    overflow-y: auto; /* Adiciona barra de rolagem vertical apenas quando necessário */
}

/* 3. Estilo para os títulos das seções (ex: "RECRUTAMENTO") */
#sidebarMenuEmpresa .sidebar-heading {
    font-size: 0.8rem;      /* Aumenta o tamanho da fonte */
    font-weight: 700;       /* Deixa o texto em negrito (bold) */
    color: #0d6efd;         /* Usa a cor primária azul para destaque */
    padding: 0.75rem 1rem 0.25rem; /* Ajusta o espaçamento (top, right/left, bottom) */
    text-transform: uppercase; /* Mantém o texto em maiúsculas */
    letter-spacing: .05em;   /* Adiciona um leve espaçamento entre as letras */
    border-bottom: 1px solid rgba(0,0,0,0.05); /* Opcional: adiciona uma linha sutil abaixo */
    margin-bottom: 0.5rem;   /* Espaço abaixo do título */
}

#sidebarMenuEmpresa h4.sidebar-heading {
    font-size: 1.1rem;
    color: #0d6efd;
    border-bottom: none; /* Remove a linha do nome da empresa */
}

/* 4. Estilo base para todos os links da sidebar */
#sidebarMenuEmpresa .nav-link {
    color: #212529 !important; /* Cor de texto escura (preto suave) */
    display: flex !important;
    align-items: center !important;
    /* Remove qualquer regra que force uma única linha */
    white-space: normal !important; 
    padding: 0.6rem 1rem !important;
}

#sidebarMenuEmpresa .nav-link span {
    /* Permite que o texto quebre a linha */
    white-space: normal !important;
    /* Garante que o texto ocupe o espaço restante */
    flex-grow: 1 !important;
}

/* 5. Estilo do link ao passar o mouse (hover) */
#sidebarMenuEmpresa .nav-link:not(.active):hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

/* 6. Estilo do link ATIVO */
#sidebarMenuEmpresa .nav-link.active {
    background-color: #0d6efd !important; /* Azul primário do Bootstrap */
    color: #fff !important;
    font-weight: 500;
}

/* --- CORREÇÃO DE ALINHAMENTO APLICADA AQUI --- */

/* 7. Estilo do ícone */
#sidebarMenuEmpresa .nav-link svg {
    flex-shrink: 0 !important;
    width: 24px;    /* Largura fixa para criar um espaço consistente */
    height: 16px;   /* Altura do ícone */
    /* Remove a margem direita, pois o espaço agora é criado pela largura do SVG */
}

/* --- CORREÇÃO DEFINITIVA PARA VISIBILIDADE DO CHECKBOX NA TABELA --- */

.table .form-check-input {
    /* Garante que o checkbox tenha uma borda visível */
    border: 1px solid #adb5bd !important; 
    
    /* Remove fundos transparentes que possam estar sendo aplicados */
    background-color: #fff !important;   
    
    /* Remove sombras que podem estar escondendo a borda */
    box-shadow: none !important;
    
    /* Garante que ele tenha um tamanho mínimo */
    min-width: 1em;
    min-height: 1em;
    
    /* Melhora o alinhamento vertical */
    margin-top: 0;
}

/* Estilo para quando o checkbox está marcado */
.table .form-check-input:checked {
    background-color: #0d6efd !important; /* Fundo azul quando marcado */
    border-color: #0d6efd !important;
}
/* =============================================== */
/* --- OUTROS ESTILOS GLOBAIS --- */
/* =============================================== */
/* Seus outros estilos globais... */
/* --- Estilos para a Barra de Destaque (Slogan) --- */

.slogan-bar {
    background-color: #7FFFD4; /* Aquamarine */
    color: #006400; /* DarkGreen, para bom contraste */
    text-align: center;
    padding: 10px 15px;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.slogan-bar strong {
    color: #004d00; /* Um verde ainda mais escuro para o nome */
}