/* FANBEL FINANCE - SIDEBAR COMPLETE FIX */

/* MEGA FIX - HAPUS SEMUA TEXT BAYANGAN/DUPLIKASI */
#sidebar .pe-nav-link,
#sidebar .pe-nav-link *,
#sidebar .pe-nav-content,
#sidebar .pe-nav-content *,
#sidebar .pe-menu-title,
#sidebar .pe-menu-title * {
    text-shadow: none !important;
    transform: none !important;
    -webkit-transform: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

/* Force hapus pseudo-elements yang bikin bayangan */
#sidebar .pe-nav-link::before,
#sidebar .pe-nav-link::after,
#sidebar .pe-nav-content::before,
#sidebar .pe-nav-content::after,
#sidebar .pe-menu-title::before,
#sidebar .pe-menu-title::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Fix menu highlighting dan active state */
#sidebar .pe-main-menu .pe-nav-link.active {
    background-color: rgba(var(--pe-primary-rgb), 0.1) !important;
    color: rgb(var(--pe-primary)) !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}

/* Fix menu hover yang hilang */
#sidebar .pe-main-menu .pe-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: none !important;
    transition: all 0.2s ease !important;
}

/* Fix menu content yang hilang saat toggle */
#sidebar .pe-main-menu .pe-nav-content {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    text-shadow: none !important;
}

/* Fix untuk mode icon */
[data-sidebar="icon"] #sidebar .pe-main-menu .pe-nav-content {
    opacity: 0 !important;
    visibility: hidden !important;
}

[data-sidebar="icon"] #sidebar .pe-main-menu .pe-menu-title {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Override any problematic transitions */
#sidebar .pe-main-menu * {
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

/* Fix z-index issues */
#sidebar {
    z-index: 1045 !important;
}

#sidebar .pe-main-menu {
    z-index: auto !important;
}

/* Prevent any weird CSS effects from affecting text */
#sidebar .pe-main-menu .pe-nav-link,
#sidebar .pe-main-menu .pe-menu-title {
    position: relative !important;
    will-change: auto !important;
}

/* Fix responsive behavior */
@media (max-width: 1199.98px) {
    #sidebar.show .pe-main-menu .pe-nav-content,
    #sidebar.show .pe-main-menu .pe-menu-title {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* ===== FIX UNTUK MENU TIMESHEET & WHATSAPP BOT ===== */
/* ULTRA HIGH SPECIFICITY - FORCE OVERRIDE SEMUA CSS */

/* FORCE DISPLAY DAN VISIBILITY UNTUK TEXT MENU SAJA */
/* JANGAN paksa semua elemen - nanti background hilang! */
aside#sidebar .pe-nav-link,
aside#sidebar .pe-nav-content,
aside#sidebar .pe-menu-title,
aside#sidebar .pe-nav-icon,
aside#sidebar .pe-nav-link span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* MEGA FORCE - Pastikan warna teks SELALU terlihat */
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link,
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link span,
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link .pe-nav-content,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link span,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link .pe-nav-content,
aside.pe-app-sidebar#sidebar ul.pe-slide-menu .pe-slide-item .pe-nav-link,
aside.pe-app-sidebar#sidebar ul.pe-slide-menu .pe-slide-item .pe-nav-link span {
    color: #ffffff !important;
    text-shadow: 0 0 1px rgba(0,0,0,0.5) !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #ffffff !important;
}

aside.pe-app-sidebar#sidebar .pe-menu-title {
    color: rgba(255, 255, 255, 0.65) !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
}

/* Active state harus jelas terlihat */
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link.active,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link.active {
    color: #ffffff !important;
    background-color: rgba(91, 102, 235, 0.25) !important;
    font-weight: 600 !important;
}

aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link.active span,
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link.active .pe-nav-content,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link.active span,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link.active .pe-nav-content {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Hover state */
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link:hover,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link:hover span,
aside.pe-app-sidebar#sidebar .pe-main-menu .pe-nav-link:hover .pe-nav-content,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link:hover span,
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link:hover .pe-nav-content {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Sub-menu items - padding khusus */
aside.pe-app-sidebar#sidebar .pe-slide-menu .pe-nav-link {
    padding-left: 3.5rem !important;
}

/* Force high contrast for emoji icons */
aside.pe-app-sidebar#sidebar .pe-nav-content {
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure icons are visible */
aside.pe-app-sidebar#sidebar .pe-nav-icon {
    color: #ffffff !important;
    margin-right: 0.75rem !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Fix untuk collapse menu yang sedang terbuka */
aside.pe-app-sidebar#sidebar .collapse.show .pe-nav-link,
aside.pe-app-sidebar#sidebar .collapse.show .pe-nav-link span,
aside.pe-app-sidebar#sidebar .collapse.show .pe-nav-content,
aside.pe-app-sidebar#sidebar ul.pe-slide-menu.collapse.show .pe-nav-link {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Force tampilkan arrow indicator */
aside.pe-app-sidebar#sidebar .pe-nav-arrow {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

/* NUCLEAR OPTION - Target langsung ID collapse */
aside#sidebar #collapseTimesheet .pe-nav-link,
aside#sidebar #collapseTimesheet .pe-nav-link span,
aside#sidebar #collapseTimesheet .pe-nav-content,
aside#sidebar #collapseWABot .pe-nav-link,
aside#sidebar #collapseWABot .pe-nav-link span,
aside#sidebar #collapseWABot .pe-nav-content {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 0 1px rgba(0,0,0,0.5) !important;
}