/* Navbar Contrast Fixes for AK Auditing */

/* Default State (Transparent on Dark Hero) */
#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) .font-medium {
    color: #ffffff; /* White text for links */
}

#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) .font-medium:hover {
    color: #ffd700; /* Gold/Yellow on hover for contrast */
}

/* Button default state override (White Outline) */
#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) a[href="#contact"].rounded-\[100px\] {
    border-color: #ffffff;
    color: #ffffff;
}

#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) a[href="#contact"].rounded-\[100px\]:hover {
    background-color: #ffffff;
    color: #092c80; /* Blue text on white hover */
    border-color: #ffffff;
}


/* Sticky State (White Background) */
/* Revert to original dark colors when sticky OR when menu is open */

#navbar.helpdesk-navbar.is-sticky .font-medium,
#navbar.helpdesk-navbar.menu-open .font-medium {
    color: #64748b; /* text-gray-500 equivalent */
}

#navbar.helpdesk-navbar.is-sticky .font-medium:hover,
#navbar.helpdesk-navbar.menu-open .font-medium:hover {
    color: #092c80; /* text-purple-600 equivalent */
}

#navbar.helpdesk-navbar.is-sticky .font-medium.text-purple-600,
#navbar.helpdesk-navbar.menu-open .font-medium.text-purple-600 {
    color: #092c80; /* Ensure active/home link is blue */
}


/* Mobile Menu Toggles */
/* Only make spans white if NOT sticky AND NOT menu open */
#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) #navbar-burger-menu span {
    background-color: #ffffff;
}

/* If Sticky OR Menu Open, spans should be dark */
/* Dark toggles for visibility on white bg 
#navbar.helpdesk-navbar.is-sticky #navbar-burger-menu span,
#navbar.helpdesk-navbar.menu-open #navbar-burger-menu span {
    background-color: #000000; 
}
*/


/* Logo Contrast */
/* Only invert logo (make white) if NOT sticky AND NOT menu open */
#navbar.helpdesk-navbar:not(.is-sticky):not(.menu-open) img[alt="AK Auditing Logo"] {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

/* If Sticky OR Menu Open, logo should be normal (Standard colors) */
#navbar.helpdesk-navbar.is-sticky img[alt="AK Auditing Logo"],
#navbar.helpdesk-navbar.menu-open img[alt="AK Auditing Logo"] {
    filter: none;
    opacity: 1;
}

/* MENU OPEN BACKGROUND */
/* Force white background on the main navbar element when menu is open */
#navbar.helpdesk-navbar.menu-open {
    background-color: #ffffff;
    transition: background-color 0.3s ease, padding 0.3s ease;
}

/* Dark mode support for menu open background */
html.dark #navbar.helpdesk-navbar.menu-open {
    background-color: #0a0e19;
}

/* MOBILE NAV DRAWER STYLES */
#mobile-nav-drawer {
    /* Initially hidden off-screen - handled by Tailwind class normally, 
       but we keep base transitions and fixed positioning here */
    position: fixed;
    top: 0;
    height: 100%;
    width: 280px;
    z-index: 9999;
    padding: 20px;
    box-shadow: -4px 0 15px rgba(0,0,0,0.1);
    overflow-y: auto;
    transition: transform 0.3s ease-in-out;
}

/* We can remove the manual transform/gap/margin overrides as Tailwind v4 CDN will handle 
   translate-x-full, gap-6, and my-3 dynamically now. */

/* Ensure opacity utilities exist for overlay if needed */
#mobile-nav-overlay.hidden {
    display: none;
}
#mobile-nav-overlay.opacity-0 {
    opacity: 0;
}
#mobile-nav-overlay {
    opacity: 1;
}