/* Estilo personalizado para o botão do menu 'hambúrguer' */
.navbar-toggler {
    border-color: #8a7b60; /* Cor da borda do botão */
}

.navbar-toggler-icon {
    /* Este código substitui o ícone padrão por um com a sua cor personalizada */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(138, 123, 96, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Aumenta a logo e garante que ela se adapte */
.navbar-brand img {
    max-height: 60px; /* Altura máxima da logo */
    width: auto;     /* Mantém a proporção */
}

/* Altera a cor do texto da navegação para preto para contrastar com o fundo claro */
.navbar-nav .nav-link {
    color: #212529 !important; /* Cor preta para os links */
}

/* Estilo para links ativos na navegação */
.navbar-nav .nav-link.active {
    color: #0d6efd !important; /* Azul primário do Bootstrap */
    font-weight: bold;
}

/* Cor do texto do nome de usuário no canto superior direito */
.navbar-text {
    color: #212529 !important; /* Cor preta */
}

/* Estilo para dropdowns (admin) */
.dropdown-menu {
    background-color: #f8f9fa; /* Fundo claro para o menu */
}

.dropdown-item {
    color: #212529; /* Cor do texto dos itens do dropdown */
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #e2e6ea; /* Fundo mais escuro ao passar o mouse */
    color: #212529;
}

/* Borda e sombra sutil para os cards */
.card {
    border: 1px solid #dee2e6;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Ajuste para permitir alinhamento vertical na página de login */
main.container {
    flex-grow: 1;
}

/* --- Personalização da Cor Primária dos Botões --- */

/* Estado normal do botão */
.btn-primary {
    background-color: #8a7b60;
    border-color: #8a7b60;
}

/* Estado ao passar o mouse por cima */
.btn-primary:hover {
    background-color: #746850; /* Um tom um pouco mais escuro para o efeito */
    border-color: #6a5d48;
}

/* Estado quando o botão está clicado/ativo */
.btn-primary:active {
    background-color: #6a5d48 !important; /* O !important garante a sobreposição */
    border-color: #605440 !important;
}

/* Estilo do 'brilho' ao focar no botão (com a tecla Tab, por exemplo) */
.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(138, 123, 96, 0.5); /* Sombra com a mesma cor base */
}

/* Garante que o botão de submit do login também seja afetado */
.btn-primary[type="submit"]:active {
    background-color: #6a5d48 !important;
    border-color: #605440 !important;
}

/* Estilo personalizado para a etiqueta (badge) do status PENDENTE */
.badge-pendente {
    background-color: #ab9680;
    color: #000000; /* Garante que a fonte seja preta */
}

/* Estilo para o ícone de logout na barra de navegação */
.nav-logout-icon .bi-power {
    font-size: 1.4rem; /* Deixa o ícone um pouco maior e mais fácil de clicar */
    color: #8a7b60;
    transition: color 0.2s ease-in-out; /* Efeito suave na cor ao passar o mouse */
}

/* Efeito de cor ao passar o mouse */
.nav-logout-icon:hover .bi-power {
    color: #746850; /* Mesmo tom mais escuro dos botões */
}

/* --- Estilo para os Links no Cabeçalho da Tabela --- */

/* Deixa os links com a mesma cor do texto do cabeçalho (preto) e remove o sublinhado */
thead a {
    color: inherit; /* 'inherit' faz o link herdar a cor do texto pai */
    text-decoration: none;
}

/* Opcional: Adiciona um efeito ao passar o mouse, usando a cor da sua marca */
thead a:hover {
    color: #8a7b60;
}

/* Fundo personalizado para a página de login */
.body-login-background {
    background-color: #f8f9fa; /* Este é o off-white padrão do Bootstrap, fica bem suave */
}

/* Se você preferir a cor #9c9265, use esta regra em vez da de cima: */
/*
.body-login-background {
    background-color: #9c9265;
}
*/

.login-background {
        min-height: 100vh;
        background-color: #f8f9fa; /* Off-white */
    }

/* Estilo específico para o fundo da página de login */
body.page-login {
    background-color: #9c9265 !important;
}

/* Remove o fundo branco do container principal APENAS na página de login */
body.page-login main.container {
    background-color: transparent;
}