/* ==========================================================
   PORTAL DAS JORNADAS CIENTÍFICAS
   Universidade Jean Piaget de Angola
   Ficheiro: navbar.css (Abertura automática ao passar o cursor)
   ========================================================== */

/* ==========================================================
   BARRA DE TOPO FIXA
   ========================================================== */
.navbar.fixed-top {
    background-color: #2C2520 !important; /* Grafite Escuro */
    border-bottom: 3px solid #D4A13A !important; /* Linha de Ouro */
    height: 75px;
    display: flex;
    align-items: center;
}

.navbar-brand span {
    color: #FFFFFF !important;
}

.navbar-brand small {
    color: #D4A13A !important;
    font-weight: 500;
}

/* Área Invisível de Ativação (Garante estabilidade ao mover o rato) */
.navbar-toggler-zone {
    display: inline-block;
    padding: 15px 25px; /* Aumenta a área sensível ao toque do cursor */
}

.navbar-toggler {
    border-color: rgba(212, 161, 58, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.05);
}

.navbar-toggler-icon {
    filter: invert(74%) sepia(43%) saturate(589%) hue-rotate(345deg) brightness(91%) contrast(85%);
}

/* ==========================================================
   SIDEBAR LATERAL (Bootstrap Offcanvas)
   ========================================================== */

.offcanvas.offcanvas-start {
    background-color: #2C2520 !important;
    border-right: 4px solid #D4A13A !important;
    width: 300px;
}

/* Animação suave */
.offcanvas {
    transition: transform .35s ease-in-out;
}

/* Estado fechado */
.offcanvas:not(.show) {
    visibility: hidden;
}

/* Estado aberto */
.offcanvas.show {
    visibility: visible;
}
/* Cabeçalho do Menu */
.offcanvas-header {
    border-bottom: 1px solid rgba(212, 161, 58, 0.15) !important;
}

.offcanvas-title {
    color: #FFFFFF !important;
}

.offcanvas-title span {
    color: #D4A13A !important;
}

/* ==========================================================
   LINKS DO MENU VERTICAL (.nav-link)
   ========================================================== */
#sidebarMenu .nav-link {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 0.98rem;
    font-weight: 500;
    padding: 12px 16px !important;
    border-radius: 6px;
    transition: all 0.2s ease;
}

#sidebarMenu .nav-link i {
    color: #D4A13A !important; /* Ícones em Ouro */
    margin-right: 12px;
    font-size: 1.1rem;
}

/* HOVER: Ativa o Vermelho Académico */
#sidebarMenu .nav-link:hover {
    background-color: #7A1C21 !important; /* Fundo Vermelho */
    color: #FFFFFF !important;
    padding-left: 22px !important;
}

#sidebarMenu .nav-link:hover i {
    color: #FFFFFF !important;
}

/* LINK ATIVO: Destaca em Ouro */
#sidebarMenu .nav-link.active {
    background-color: rgba(212, 161, 58, 0.12) !important;
    color: #D4A13A !important;
    font-weight: 600;
    border-left: 4px solid #7A1C21 !important; /* Vinco em Vermelho */
}

/* Botão Entrar */
#sidebarMenu .btn {
    background-color: #7A1C21 !important; /* Vermelho */
    color: #FFFFFF !important;
    border: none;
}

#sidebarMenu .btn:hover {
    background-color: #5A1418 !important;
}