/* ==========================================
NAVBAR COLORS ONLY - SILE ADMIN HEADER
Apenas cores - sem alterar estrutura
VERSÃO COMPLETA com Hover e Dropdown
========================================== */

/* ==========================================
HEADER SUPERIOR - Apenas Background
========================================== */

/* Light Theme - Header Superior Azul */
.navbar.navbar-expand-md {
    /* background: linear-gradient(135deg, #14ab4e 0%, #086b44 100%) !important; */
        /* COR VERDE SAUDE */

    background: linear-gradient(135deg, #0066CC 0%, #0052A3 100%) !important;
}

/* Textos e elementos em branco */
.navbar.navbar-expand-md .navbar-brand,
.navbar.navbar-expand-md .navbar-brand *,
.navbar.navbar-expand-md h1,
.navbar.navbar-expand-md h1 *,
.navbar.navbar-expand-md .btn,
.navbar.navbar-expand-md .btn *,
.navbar.navbar-expand-md .nav-link {
    color: #ffffff !important;
}

/* Botões com fundo semi-transparente */
.navbar.navbar-expand-md .btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.navbar.navbar-expand-md .btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* Badge do papel do usuário */
.navbar.navbar-expand-md .bg-success-lt {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Dropdown menu do header (manter branco) */
.navbar.navbar-expand-md .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 0.5rem !important;
}

.navbar.navbar-expand-md .dropdown-item {
    color: #1a4d7a !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.navbar.navbar-expand-md .dropdown-item:hover {
    background: #f5f7fa !important;
    border-color: rgba(0, 102, 204, 0.2) !important;
    color: #0066CC !important;
}

/* ==========================================
NAVBAR MENU - Apenas Background
========================================== */

/* Light Theme - Menu Azul Claro */
.navbar-expand-md.sticky-top {
    /* background: linear-gradient(180deg, #b8e8c2 0%, #a8ddce 100%) !important; */
    /* COR VERDE SAUDE */

    background: linear-gradient(180deg, #B8D4E8 0%, #A8C8DD 100%) !important;
}

.navbar-expand-md.sticky-top .navbar {
    background: transparent !important;
}

/* Links do menu com HOVER MELHORADO */
.navbar-expand-md.sticky-top .nav-link {
    color: #1a4d7a !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    transition: all 0.25s ease !important;
}

.navbar-expand-md.sticky-top .nav-link:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
    color: #0066CC !important;
    transform: translateY(-1px) !important;
}

/* Link ativo */
.navbar-expand-md.sticky-top .nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
    color: #0066CC !important;
    font-weight: 600 !important;
}

/* Dropdown do menu - DESIGN MELHORADO */
.navbar-expand-md.sticky-top .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 0.5rem !important;
}

.navbar-expand-md.sticky-top .dropdown-item {
    color: #1a4d7a !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.navbar-expand-md.sticky-top .dropdown-item:hover {
    background: #f5f7fa !important;
    border-color: rgba(0, 102, 204, 0.2) !important;
    color: #0066CC !important;
}

/* ==========================================
DARK THEME - Apenas Cores
========================================== */

/* Header Superior Dark */
.bg-dark .navbar.navbar-expand-md,
body.bg-dark .navbar.navbar-expand-md {
    background: linear-gradient(135deg, #1a2332 0%, #0f1419 100%) !important;
}

.bg-dark .navbar.navbar-expand-md .btn,
body.bg-dark .navbar.navbar-expand-md .btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-dark .navbar.navbar-expand-md .btn:hover,
body.bg-dark .navbar.navbar-expand-md .btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

.bg-dark .navbar.navbar-expand-md .dropdown-menu,
body.bg-dark .navbar.navbar-expand-md .dropdown-menu {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 0.5rem !important;
}

.bg-dark .navbar.navbar-expand-md .dropdown-item,
body.bg-dark .navbar.navbar-expand-md .dropdown-item {
    color: #c8d5e3 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.bg-dark .navbar.navbar-expand-md .dropdown-item:hover,
body.bg-dark .navbar.navbar-expand-md .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* Menu Dark - HOVER MELHORADO */
.bg-dark .navbar-expand-md.sticky-top,
body.bg-dark .navbar-expand-md.sticky-top {
    background: linear-gradient(180deg, #2a3f5f 0%, #1f2f47 100%) !important;
}

.bg-dark .navbar-expand-md.sticky-top .navbar,
body.bg-dark .navbar-expand-md.sticky-top .navbar {
    background: transparent !important;
}

.bg-dark .navbar-expand-md.sticky-top .nav-link,
body.bg-dark .navbar-expand-md.sticky-top .nav-link {
    color: #c8d5e3 !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    transition: all 0.25s ease !important;
}

.bg-dark .navbar-expand-md.sticky-top .nav-link:hover,
body.bg-dark .navbar-expand-md.sticky-top .nav-link:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

.bg-dark .navbar-expand-md.sticky-top .nav-item.active .nav-link,
body.bg-dark .navbar-expand-md.sticky-top .nav-item.active .nav-link {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Dropdown Dark - DESIGN MELHORADO */
.bg-dark .navbar-expand-md.sticky-top .dropdown-menu,
body.bg-dark .navbar-expand-md.sticky-top .dropdown-menu {
    background: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    padding: 0.5rem !important;
}

.bg-dark .navbar-expand-md.sticky-top .dropdown-item,
body.bg-dark .navbar-expand-md.sticky-top .dropdown-item {
    color: #c8d5e3 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 6px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}

.bg-dark .navbar-expand-md.sticky-top .dropdown-item:hover,
body.bg-dark .navbar-expand-md.sticky-top .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* ==========================================
Z-INDEX FIX - Dropdown sobrepondo
========================================== */

.navbar.navbar-expand-md {
    z-index: 1040 !important;
}

.navbar.navbar-expand-md .dropdown-menu {
    z-index: 1050 !important;
}

.navbar-expand-md.sticky-top {
    z-index: 1030 !important;
}

.navbar-expand-md.sticky-top .dropdown-menu {
    z-index: 1035 !important;
}

/* ==========================================
EFEITO HOVER - Movimento suave
========================================== */

/* Header Superior - Botões e links */
.navbar.navbar-expand-md .btn,
.navbar.navbar-expand-md .nav-link {
    transition: transform 0.2s ease !important;
}

.navbar.navbar-expand-md .btn:hover,
.navbar.navbar-expand-md .nav-link:hover {
    transform: translateY(-2px) !important;
}

/* Menu - Links com movimento de 1px (mais sutil) */
.navbar-expand-md.sticky-top .nav-link {
    transition: all 0.25s ease !important;
}

.navbar-expand-md.sticky-top .nav-link:hover {
    transform: translateY(-1px) !important;
}

/* ==========================================
SMOOTH TRANSITIONS GLOBAIS
========================================== */

.navbar,
.navbar-expand-md,
.nav-link,
.dropdown-menu,
.dropdown-item,
.btn {
    transition: all 0.25s ease !important;
}