/* Mobile Menu Redesign - Simple List Style */

/* Prevent body scroll when mobile menu is open */
body.mobile-menu-open {
    overflow: hidden;
}

/* Hide back button on desktop always */
body .header .mobile-drop-container .mobile-back-btn {
    display: none !important;
}

@media (max-width: 1023px) {
    /* Hide mobile drop by default */
    body .header .mobile-drop-container {
        display: none !important;
    }

    /* Full screen overlay for mobile menu */
    body .header .mobile-drop-container.open {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        background: #2B303A !important;
        z-index: 9999 !important;
        overflow-y: auto !important;
        padding: 20px !important;
    }

    /* Back button for submenu - only on mobile */
    body .header .mobile-drop-container .mobile-back-btn {
        display: none !important;
        position: absolute;
        top: 20px;
        left: 20px;
        background: transparent;
        color: #EAEBEC;
        border: none;
        font-family: Roboto, sans-serif;
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        z-index: 10001;
        padding: 8px;
    }

    body .header .mobile-drop-container .mobile-back-btn::before {
        content: "‹ ";
        font-size: 24px;
        font-weight: 300;
    }

    body .header .mobile-drop-container.show-submenu .mobile-back-btn,
    body .header .mobile-drop-container.show-third-level .mobile-back-btn {
        display: block !important;
    }

    /* Close button styling */
    body .header .mobile-drop-container .mobile-close-btn {
        display: none;
        position: absolute;
        top: 20px;
        right: 20px;
        background: white;
        color: #2B303A;
        border: none;
        border-radius: 20px;
        padding: 8px 20px;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        z-index: 10000;
    }

    body .header .mobile-drop-container.open .mobile-close-btn {
        display: block;
    }

    /* Hide default navigation structure */
    body .header .mobile-drop-container.open .mobile-drop {
        padding-top: 80px;
    }

    /* Main navigation list - simple vertical stack */
    body .header .mobile-drop-container.open .nav .main-nav {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* Hide main nav items when showing submenu */
    body .header .mobile-drop-container.show-submenu .nav .main-nav > li.nav-item:not(.active-submenu) {
        display: none !important;
    }
    
    /* Hide the parent link when showing submenu */
    body .header .mobile-drop-container.show-submenu .nav .main-nav > li.nav-item.active-submenu > a {
        display: none !important;
    }

    body .header .mobile-drop-container.open .nav .main-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
    }

    body .header .mobile-drop-container.open .nav .main-nav > li:last-child {
        border-bottom: none;
    }

    /* Main menu item links */
    body .header .mobile-drop-container.open .nav .main-nav > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0;
        color: #EAEBEC !important;
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        text-decoration: none;
        background: transparent !important;
    }

    /* Hide all dropdowns and sub-menus by default */
    body .header .mobile-drop-container.open .nav .drop,
    body .header .mobile-drop-container.open .nav .sub-drop {
        display: none !important;
    }

    /* Show active dropdown as main menu when in submenu mode */
    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop {
        display: block !important;
        position: static !important;
        width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }

    /* Style dropdown items like main menu items */
    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
    }

    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop > li:last-child {
        border-bottom: none;
    }

    /* Hide the drop-header in submenu mode */
    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop .drop-header {
        display: none !important;
    }

    /* Style dropdown links like main menu */
    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0 !important;
        color: #EAEBEC !important;
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        text-decoration: none;
        background: transparent !important;
        border: none !important;
    }

    /* Show arrow for items with sub-drop */
    body .header .mobile-drop-container.show-submenu .nav .nav-item.active-submenu > .drop > li.has-children > a::after {
        content: "›" !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        color: #EAEBEC !important;
        opacity: 0.6 !important;
        position: static !important;
        transform: none !important;
        border: none !important;
    }

    /* Third level submenu */
    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level > .sub-drop {
        display: block !important;
        position: static !important;
        width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }

    /* Hide second level dropdown when showing third level */
    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li:not(.active-third-level) {
        display: none !important;
    }

    /* Show only the active third level item and its parent */
    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level {
        display: block !important;
    }

    /* Hide the parent link of the third level */
    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level > a {
        display: none !important;
    }

    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level > .sub-drop > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
    }

    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level > .sub-drop .sub-drop-header {
        display: none !important;
    }

    body .header .mobile-drop-container.show-third-level .nav .nav-item.active-submenu > .drop > li.active-third-level > .sub-drop > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0 !important;
        color: #EAEBEC !important;
        font-family: Roboto, sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        text-decoration: none;
        background: transparent !important;
        border: none !important;
    }

    /* Replace fa-angle-down with simple right arrow */
    body .header .mobile-drop-container.open .nav .main-nav > li > a .fa,
    body .header .mobile-drop-container.open .nav .main-nav > li > a .fa-angle-down {
        display: none !important;
    }

    body .header .mobile-drop-container.open .nav .main-nav > li > a::after {
        content: "›" !important;
        font-size: 28px !important;
        font-weight: 300 !important;
        color: #EAEBEC !important;
        opacity: 0.6 !important;
    }

    /* Hide arrow for home link */
    body .header .mobile-drop-container.open .nav .main-nav > li:first-child > a::after {
        display: none !important;
    }

    /* Hide language switcher, search, location, and login on mobile menu */
    body .header .mobile-drop-container.open .language-switcher,
    body .header .mobile-drop-container.open .search-btn-container,
    body .header .mobile-drop-container.open .location,
    body .header .mobile-drop-container.open .logbtn {
        display: none !important;
    }

    /* Contact button at bottom */
    body .header .mobile-drop-container.open .logbtn {
        display: block;
        width: 100%;
        max-width: 200px;
        margin-top: 40px;
        background: #D1EB50;
        color: #2B303A;
        border: none;
        border-radius: 25px;
        padding: 12px 24px;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        font-weight: 700;
        cursor: pointer;
    }

    body .header .mobile-drop-container.open .logbtn a {
        color: #2B303A !important;
        text-decoration: none;
    }

    /* Active state */
    body .header .mobile-drop-container.open .nav .main-nav > li.current > a {
        color: #D1EB50 !important;
    }
}

/* Desktop - ensure no interference */
@media (min-width: 1024px) {
    body .header .mobile-close-btn {
        display: none !important;
    }
    
    body .header .mobile-drop-container {
        display: block !important;
    }
}

/* ================================================
   Sidebar Contact Us Button - Global Styling
   ================================================ */

/* Sidebar Contact Us button */
.sidebar .contact-btn,
.twocolumns .contact-btn,
.open-close-drop .contact-btn {
    background-color: #2B303A;
    color: #ffffff;
    border: none;
    transition: background-color 0.3s ease;
    margin-bottom: 30px;
}

.sidebar .contact-btn:hover,
.sidebar .contact-btn:focus,
.twocolumns .contact-btn:hover,
.twocolumns .contact-btn:focus,
.open-close-drop .contact-btn:hover,
.open-close-drop .contact-btn:focus {
    background-color: #34937E;
    color: #ffffff;
}

/* Ensure consistent spacing in sidebar dropdown */
.sidebar .open-close-drop {
    padding-bottom: 20px;
}