/* ================================================================
   Cerdas-SM Global Navbar — Scoped Styles
   Loaded by partials/navbar.blade.php (all pages)
   ================================================================ */
.cerdas-navbar {
    background-color: var(--primary, var(--primary-color, #2E5090)) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
    padding: 10px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    /* Force full-width — override any local .navbar { max-width; margin: 0 auto } */
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.cerdas-navbar .navbar-brand {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
}

.cerdas-navbar .navbar-brand i {
    color: #ffffff !important;
}

.cerdas-navbar .nav-link {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    border: none !important;
}

.cerdas-navbar .nav-link:hover,
.cerdas-navbar .nav-link.active {
    color: #ffffff !important;
    opacity: 1 !important;
}

.cerdas-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.4) !important;
}

.cerdas-navbar .navbar-toggler-icon {
    filter: invert(1) !important;
}

.cerdas-navbar .dropdown-menu {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    padding: 10px 0 !important;
    margin-top: 4px !important;
}

.cerdas-navbar .dropdown-item {
    color: #334155 !important;
    font-size: 0.9rem !important;
    padding: 8px 20px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.cerdas-navbar .dropdown-item:hover {
    background-color: #f1f5f9 !important;
    color: var(--primary, var(--primary-color, #2E5090)) !important;
}

.cerdas-navbar .dropdown-item.active,
.cerdas-navbar .dropdown-item.active.fw-bold {
    background-color: var(--primary, var(--primary-color, #2E5090)) !important;
    color: #ffffff !important;
}

.cerdas-navbar .dropdown-header {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #94a3b8 !important;
    padding: 8px 20px 4px !important;
}

.cerdas-navbar .dropdown-divider {
    border-color: rgba(226, 232, 240, 0.8) !important;
    margin: 4px 0 !important;
}

.cerdas-navbar .btn-outline-light {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    transition: all 0.3s ease !important;
}

.cerdas-navbar .btn-outline-light:hover {
    background-color: #ffffff !important;
    color: var(--primary, var(--primary-color, #2E5090)) !important;
    border-color: #ffffff !important;
}