/* ARQUIVO CSS DO SITE(não engloba o admin do site) */

/* CORREÇÃO 2: Nova classe para altura total da viewport (tela) - necessária para o sidebar */
.h-100vh {
    height: 100vh;
}

.form-control:focus {
    border-color: none !important;
    box-shadow: none !important;
}

/* sombra leve no topo para destacar do fundo */
.shadow-sm {
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
}

/* deixa os links do menu com um hover elegante */
header .nav-link:hover {
    /* text-decoration: underline;*/
    color: #ffc107; /* amarelo do Bootstrap */
}
/* Efeito hover para o card do blog  */
.card {
    transition: box-shadow 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-color: green;

}

/*<CSS extra (coloque no site.css ou dentro de <style>) */
/* Torna o menu Institucional dropdown ao passar o mouse */
.institucional-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* evita o pequeno salto visual */
}

/* Ajuste opcional: mantém a cor de fundo ao passar o mouse */
.dropdown-menu a.dropdown-item:hover {
    background-color: #343a40 !important;
}


/* CORREÇÃO 3: Efeito hover funcionando para os links de categoria do sidebar */
#sidebarDireito a.sidebar-link:hover {
    color: #ffc107 !important;            /* cor do texto ao passar o mouse (Importante: usei !important para garantir que sobrescreva o Bootstrap) */
    background-color: #343a40 !important; /* Cor de fundo para dar destaque */
    cursor: pointer !important;
}

/* Seleciona apenas os <p> dentro do sidebarDireito (mantido como estava) */
#sidebarDireito p {
    transition: background-color 0.3s, color 0.3s; /* animação suave */
}

.sidebar a {
    text-decoration: none !important;
}

/* Texto justificado  */
.text-justify {
    text-align: justify !important;
}