/* Sidebar Fix CSS - Restore original black sidebar with white text on both themes */

/* CRITICAL: Override CSS Custom Properties with MAXIMUM specificity */
html:root {
    --navbar-background: #1a1a1a !important;
    --navbar-foreground: #ffffff !important;
}

html body.theme-light {
    --navbar-background: #1a1a1a !important;
    --navbar-foreground: #ffffff !important;
}

html body.theme-dark {
    --navbar-background: #1a1a1a !important;
    --navbar-foreground: #ffffff !important;
}

/* Override any existing CSS custom properties */
html body.theme-light,
html body.theme-dark,
html body {
    --navbar-background: #1a1a1a !important;
    --navbar-foreground: #ffffff !important;
}

/* CRITICAL: Restore original black sidebar styling for both themes */
aside.lqd-navbar,
aside[class*="navbar"],
.theme-light aside.lqd-navbar,
.theme-light aside[class*="navbar"],
.theme-dark aside.lqd-navbar,
.theme-dark aside[class*="navbar"],
body.theme-light aside.lqd-navbar,
body.theme-light aside[class*="navbar"],
body.theme-dark aside.lqd-navbar,
body.theme-dark aside[class*="navbar"],
html body.theme-light aside.lqd-navbar,
html body.theme-light aside[class*="navbar"],
html body.theme-dark aside.lqd-navbar,
html body.theme-dark aside[class*="navbar"] {
    /* Restore original black background and white text */
    --navbar-background: #1a1a1a !important;
    --navbar-foreground: #ffffff !important;
    
    background-color: #1a1a1a !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    
    /* Disable transitions that cause color changes */
    transition: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-timing-function: none !important;
}

/* CRITICAL: Disable all transitions and animations on ALL sidebar elements */
aside.lqd-navbar *,
aside[class*="navbar"] *,
.theme-light aside.lqd-navbar *,
.theme-light aside[class*="navbar"] *,
.theme-dark aside.lqd-navbar *,
.theme-dark aside[class*="navbar"] *,
body.theme-light aside.lqd-navbar *,
body.theme-light aside[class*="navbar"] *,
body.theme-dark aside.lqd-navbar *,
body.theme-dark aside[class*="navbar"] *,
html body.theme-light aside.lqd-navbar *,
html body.theme-light aside[class*="navbar"] *,
html body.theme-dark aside.lqd-navbar *,
html body.theme-dark aside[class*="navbar"] * {
    transition: none !important;
    animation: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-timing-function: none !important;
    
    /* Restore original white text on all elements */
    color: #ffffff !important;
}

/* Original sidebar styling restored - black background with white text for both themes */

/* SPECIFIC: Override Tailwind utility classes that are competing - COMMENTED OUT FOR TESTING */
/*
.theme-light aside.lqd-navbar.bg-navbar-background,
.theme-light aside[class*="navbar"].bg-navbar-background,
body.theme-light aside.lqd-navbar.bg-navbar-background,
body.theme-light aside[class*="navbar"].bg-navbar-background {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.theme-light aside.lqd-navbar.text-navbar,
.theme-light aside[class*="navbar"].text-navbar,
.theme-light aside.lqd-navbar.text-navbar-foreground,
.theme-light aside[class*="navbar"].text-navbar-foreground,
body.theme-light aside.lqd-navbar.text-navbar,
body.theme-light aside[class*="navbar"].text-navbar,
body.theme-light aside.lqd-navbar.text-navbar-foreground,
body.theme-light aside[class*="navbar"].text-navbar-foreground {
    color: #000000 !important;
}

.theme-light aside.lqd-navbar.transition-all,
.theme-light aside[class*="navbar"].transition-all,
body.theme-light aside.lqd-navbar.transition-all,
body.theme-light aside[class*="navbar"].transition-all {
    transition: none !important;
    transition-property: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transition-timing-function: none !important;
}
*/

/* Apply black text to all elements in light theme sidebar - HIGHEST SPECIFICITY */
.theme-light aside.lqd-navbar *,
.theme-light aside[class*="navbar"] *,
body.theme-light aside.lqd-navbar *,
body.theme-light aside[class*="navbar"] *,
html body.theme-light aside.lqd-navbar *,
html body.theme-light aside[class*="navbar"] * {
    color: #000000 !important;
}

/* Specific text elements in light theme */
.theme-light aside.lqd-navbar a,
.theme-light aside.lqd-navbar li,
.theme-light aside.lqd-navbar span,
.theme-light aside.lqd-navbar div,
.theme-light aside.lqd-navbar p,
.theme-light aside.lqd-navbar h1,
.theme-light aside.lqd-navbar h2,
.theme-light aside.lqd-navbar h3,
.theme-light aside.lqd-navbar h4,
.theme-light aside.lqd-navbar h5,
.theme-light aside.lqd-navbar h6,
.theme-light aside[class*="navbar"] a,
.theme-light aside[class*="navbar"] li,
.theme-light aside[class*="navbar"] span,
.theme-light aside[class*="navbar"] div,
.theme-light aside[class*="navbar"] p,
.theme-light aside[class*="navbar"] h1,
.theme-light aside[class*="navbar"] h2,
.theme-light aside[class*="navbar"] h3,
.theme-light aside[class*="navbar"] h4,
.theme-light aside[class*="navbar"] h5,
.theme-light aside[class*="navbar"] h6,
body.theme-light aside.lqd-navbar a,
body.theme-light aside.lqd-navbar li,
body.theme-light aside.lqd-navbar span,
body.theme-light aside.lqd-navbar div,
body.theme-light aside.lqd-navbar p,
body.theme-light aside.lqd-navbar h1,
body.theme-light aside.lqd-navbar h2,
body.theme-light aside.lqd-navbar h3,
body.theme-light aside.lqd-navbar h4,
body.theme-light aside.lqd-navbar h5,
body.theme-light aside.lqd-navbar h6,
body.theme-light aside[class*="navbar"] a,
body.theme-light aside[class*="navbar"] li,
body.theme-light aside[class*="navbar"] span,
body.theme-light aside[class*="navbar"] div,
body.theme-light aside[class*="navbar"] p,
body.theme-light aside[class*="navbar"] h1,
body.theme-light aside[class*="navbar"] h2,
body.theme-light aside[class*="navbar"] h3,
body.theme-light aside[class*="navbar"] h4,
body.theme-light aside[class*="navbar"] h5,
body.theme-light aside[class*="navbar"] h6 {
    color: #000000 !important;
}

/* Sidebar links hover effects in light theme */
.theme-light aside.lqd-navbar a:hover,
.theme-light aside[class*="navbar"] a:hover,
body.theme-light aside.lqd-navbar a:hover,
body.theme-light aside[class*="navbar"] a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
}

/* Active sidebar items in light theme */
.theme-light aside.lqd-navbar .active,
.theme-light aside[class*="navbar"] .active,
body.theme-light aside.lqd-navbar .active,
body.theme-light aside[class*="navbar"] .active {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Sidebar icons in light theme - keep original colors */
.theme-light aside.lqd-navbar img,
.theme-light aside[class*="navbar"] img,
body.theme-light aside.lqd-navbar img,
body.theme-light aside[class*="navbar"] img {
    filter: none !important;
    opacity: 1 !important;
}

/* Sidebar buttons in light theme */
.theme-light aside.lqd-navbar button,
.theme-light aside[class*="navbar"] button,
body.theme-light aside.lqd-navbar button,
body.theme-light aside[class*="navbar"] button {
    color: #000000 !important;
}

.theme-light aside.lqd-navbar button:hover,
.theme-light aside[class*="navbar"] button:hover,
body.theme-light aside.lqd-navbar button:hover,
body.theme-light aside[class*="navbar"] button:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #000000 !important;
}

/* Sidebar input fields in light theme */
.theme-light aside.lqd-navbar input[type="text"],
.theme-light aside[class*="navbar"] input[type="text"],
body.theme-light aside.lqd-navbar input[type="text"],
body.theme-light aside[class*="navbar"] input[type="text"] {
    color: #000000 !important;
}

.theme-light aside.lqd-navbar input[type="text"]::placeholder,
.theme-light aside[class*="navbar"] input[type="text"]::placeholder,
body.theme-light aside.lqd-navbar input[type="text"]::placeholder,
body.theme-light aside[class*="navbar"] input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* Ensure proper positioning without overlay issues */
aside.lqd-navbar,
aside[class*="navbar"] {
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure sidebar content is properly positioned */
aside.lqd-navbar *,
aside[class*="navbar"] * {
    position: relative !important;
    z-index: 2 !important;
}

/* ===== HEADER AND NAVIGATION FIXES ===== */

/* Remove frosted overlay effects completely */
header,
[class*="header"],
[class*="titlebar"],
[class*="top-nav"],
[class*="navbar-header"],
[class*="main-header"],
[class*="backdrop-blur"],
[class*="backdrop-blur-md"],
[class*="backdrop-blur-lg"] {
    backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
    background-color: transparent !important;
    position: static !important;
    z-index: auto !important;
}

/* Make navigation non-sticky - normal positioning */
nav,
[class*="nav"],
[class*="navigation"],
[class*="navbar"],
[class*="top-nav"],
[class*="main-nav"] {
    position: static !important;
    z-index: auto !important;
    backdrop-filter: none !important;
    filter: none !important;
}

/* Remove frosted effects from dropdowns and overlays */
.lqd-navbar-expander,
[class*="navbar-expander"],
[class*="dropdown-dropdown"],
[class*="overlay"],
[class*="backdrop"],
[class*="dropdown"],
[class*="frosted"],
[class*="glass"],
[class*="blur"] {
    backdrop-filter: none !important;
    filter: none !important;
    background-color: transparent !important;
    z-index: 1 !important;
    pointer-events: auto !important;
}

/* Ensure all navigation elements are clickable */
nav a,
nav button,
[class*="nav"] a,
[class*="nav"] button,
header a,
header button,
[class*="header"] a,
[class*="header"] button {
    pointer-events: auto !important;
    z-index: auto !important;
}

/* Remove any sticky positioning from navigation elements */
[class*="sticky"],
[class*="fixed"] {
    position: static !important;
}

/* Ensure proper layering without overlays */
body {
    overflow-x: hidden !important;
}

/* Remove any problematic z-index stacking */
* {
    z-index: auto !important;
}

/* Specific fixes for common navigation patterns */
.navbar,
.navbar-header,
.navbar-nav,
.navbar-brand,
.navbar-toggler {
    position: static !important;
    z-index: auto !important;
    backdrop-filter: none !important;
    filter: none !important;
}

/* Fix specific frosted header issue */
header.fixed,
header[class*="fixed"],
header[class*="backdrop-blur"],
header[class*="backdrop-blur-md"],
header[class*="backdrop-blur-lg"] {
    position: static !important;
    backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
    background-color: transparent !important;
    z-index: auto !important;
}

/* Remove backdrop blur from all elements */
[class*="backdrop-blur"],
[class*="backdrop-blur-md"],
[class*="backdrop-blur-lg"],
[class*="backdrop-blur-xl"] {
    backdrop-filter: none !important;
    filter: none !important;
}

/* Fix VIP Intercom container blocking clicks */
#vip-intercom-container,
#vip-intercom-container *,
[class*="vip-intercom"],
[class*="intercom"] {
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Ensure navigation elements are clickable */
header,
[class*="header"],
nav,
[class*="nav"],
[class*="navigation"],
button,
a,
[class*="btn"],
[class*="link"] {
    pointer-events: auto !important;
    z-index: 9999 !important;
}