/* Hide search on static site */
.search_wrapper {
    display: none !important;
}

/* Sidebar Navigation - Fixed Left Layout */

/* Desktop Styles (min-width: 1025px) */
@media (min-width: 1025px) {

    /* Main Wrapper - Push content to the right */
    #Wrapper {
        padding-left: 260px !important;
        transition: padding-left 0.3s ease;
    }

    /* Align content left instead of center */
    @media (min-width: 1025px) {

        .section_wrapper,
        .container {
            margin-left: 60px !important;
            margin-right: auto !important;
        }
    }

    /* Top Bar becomes Left Sidebar */
    #Top_bar {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        width: 260px !important;
        height: 100vh !important;
        background-color: transparent !important;
        border-right: none !important;
        z-index: 1000 !important;
        overflow-y: auto !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    /* Container inside sidebar */
    #Top_bar .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: 100% !important;
    }

    #Top_bar .column.one {
        width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
    }

    /* Layout adjustments */
    .top_bar_left {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 30px 20px !important;
    }

    /* Logo */
    .logo {
        float: none !important;
        margin: 0 0 30px 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    .logo img {
        max-height: 80px !important;
        width: auto !important;
    }

    /* Menu Wrapper */
    .menu_wrapper {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Navigation Menu - Vertical */
    #menu {
        display: block !important;
        background: transparent !important;
    }

    .menu-main {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .menu-main>li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        border-bottom: 1px solid #f5f5f5 !important;
    }

    .menu-main>li>a {
        display: block !important;
        padding: 15px 20px !important;
        text-align: left !important;
        color: #555 !important;
        font-size: 16px !important;
        border: none !important;
    }

    .menu-main>li>a span {
        padding: 0 !important;
        line-height: normal !important;
    }

    /* Hover States */
    .menu-main>li>a:hover,
    .menu-main>li.current-menu-item>a {
        background-color: #f9f9f9 !important;
        color: #0095eb !important;
        padding-left: 25px !important;
        /* Slide effect */
    }

    /* Remove horizontal underlines */
    .menu-main>li>a:after {
        display: none !important;
    }

    /* Register Button in Sidebar */
    .register-btn {
        margin: 20px 0 0 0 !important;
        text-align: center !important;
        background-color: #0095eb !important;
        color: white !important;
        border-radius: 4px !important;
    }

    .register-btn:hover {
        background-color: #007cc3 !important;
        color: white !important;
        padding-left: 20px !important;
        /* Prevent slide effect on button */
    }

    /* Search Wrapper */
    .search_wrapper {
        display: none !important;
        /* Hide search in sidebar for cleaner look, or move to bottom */
    }

    /* Hide responsive toggle on desktop */
    .responsive-menu-toggle {
        display: none !important;
    }
}

/* Mobile/Tablet Styles (max-width: 1024px) */
@media (max-width: 1024px) {
    #Wrapper {
        padding-left: 0 !important;
    }

    #Top_bar {
        position: relative !important;
        /* Or sticky if preferred */
        width: 100% !important;
        height: auto !important;
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
    }

    .logo {
        text-align: left !important;
    }

    /* Revert to hamburger menu behavior handled by prominent-nav.css logic or theme defaults */
    /* We might need to ensure prominent-nav.css styles for mobile are preserved or replicated here if we replace the file */

    .menu_wrapper {
        display: block !important;
        /* Ensure wrapper is visible */
    }

    #menu {
        display: none;
        /* Hidden by default, toggled by JS/Theme */
    }

    /* When menu is open (theme usually adds a class or toggles display) */
    /* For simplicity, we rely on the theme's mobile menu JS or our previous prominent-nav mobile styles */

    .responsive-menu-toggle {
        display: block !important;
        position: absolute !important;
        right: 20px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 24px !important;
        color: #333 !important;
    }
}.disabled-menu-item > a,
.disabled-menu-item > a.disabled-link {
    cursor: not-allowed !important;
    color: #999 !important;
    pointer-events: none !important;
}
.disabled-menu-item > a span::after {
    content: ' – Under Construction';
    font-size: 12px;
    color: #c00;
    display: block;
}