/* Mobile Menu Fixes */

/* Ensure mobile menu is above all content including banner */
.popup-mobile-menu {
    z-index: 999999 !important;
}

/* Lower z-index for header banner to not interfere with mobile menu */
.header-top-news {
    z-index: 98 !important;
}

/* Banner close button styling */
.close-button-banner {
    background: transparent;
    color: #fff;
    border: 2px solid var(--color-border);
    width: 35px;
    display: inline-block;
    height: 35px;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    line-height: 30px;
    transition: 0.3s;
    cursor: pointer;
}

.close-button-banner:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

/* Prevent body scroll when mobile menu is active */
body.mobile-menu-active {
    overflow: hidden;
    height: 100vh;
}

/* Hamburger button styling improvements */
.hamberger-button {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 10px;
}

.hamberger-button:hover {
    background: rgba(255, 59, 212, 0.1);
    border-radius: 5px;
}

/* Close button improvements */
.close-button {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.close-button:hover {
    transform: rotate(90deg);
}

/* Mobile menu content improvements */
.popup-mobile-menu .content {
    overflow-y: auto;
    max-height: calc(100vh - 80px);
}

/* Ensure proper mobile menu visibility */
@media (max-width: 991px) {
    .mobile-menu-bar {
        display: block !important;
    }
    
    .mainmenu-nav {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .mobile-menu-bar {
        display: none !important;
    }
    
    .popup-mobile-menu {
        display: none !important;
    }
}

/* Menu spacing optimizations for better layout */
.mainmenu-nav .mainmenu li {
    margin-left: 10px; /* Reduced from default spacing */
    margin-right: 10px;
}

.mainmenu-nav .mainmenu li:first-child {
    margin-left: 0;
}

.mainmenu-nav .mainmenu li:last-child {
    margin-right: 0;
}

/* Reduce header button margin to save space */
.header-default .header-right .header-btn {
    margin-left: 15px !important; /* Reduced from 25px */
}

/* Reduce language switcher margin */
.language-switcher {
    margin-right: 10px !important; /* Reduced margin */
}

/* Optimize menu item font size on smaller screens */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mainmenu-nav .mainmenu li {
        margin-left: 8px;
        margin-right: 8px;
    }
    
    .mainmenu-nav .mainmenu li > a {
        font-size: 14px; /* Slightly smaller font */
    }
}

/* Further optimization for medium screens */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu-nav .mainmenu li {
        margin-left: 6px;
        margin-right: 6px;
    }
    
    .mainmenu-nav .mainmenu li > a {
        font-size: 13px; /* Smaller font for tight spaces */
    }
    
    .header-default .header-right .header-btn {
        margin-left: 10px !important;
    }
}