/* Mobile Menu Fixes and Improvements */

/* Ensure mobile menu is properly hidden/shown */
@media (max-width: 991px) {
    .main-menu {
        display: none !important;
    }
    
    .hamburger-menu {
        display: flex !important;
        cursor: pointer;
        z-index: 999;
    }
    
    .mobile-logo img {
        max-height: 50px !important;
        width: auto !important;
    }
    
    /* Fix mobile menu overlay */
    .ht-menu-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.8);
        z-index: 9999;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    
    .ht-menu-wrapper.ht-body-visible {
        transform: translateX(0);
    }
    
    .ht-menu-area {
        background: #fff;
        width: 300px;
        height: 100%;
        padding: 20px;
        overflow-y: auto;
    }
    
    /* Prevent body scroll when mobile menu is open */
    body.mobile-menu-open {
        overflow: hidden;
    }
    
    /* Logo adjustments for mobile */
    .logo-area img {
        max-height: 50px !important;
        width: auto !important;
    }
    
    /* Header adjustments */
    .main-header-area {
        padding: 10px 0 !important;
    }
    
    .header-top {
        display: none !important;
    }
    
    .promotion-area {
        display: none !important;
    }
}

/* Desktop improvements */
@media (min-width: 992px) {
    .hamburger-menu {
        display: none !important;
    }
    
    .ht-menu-wrapper {
        display: none !important;
    }
    
    .mobile-menu-wrapper {
        display: none !important;
    }
}

/* Logo hover effects */
.logo-area img {
    transition: transform 0.3s ease;
}

.logo-area:hover img {
    transform: scale(1.05);
}

/* Button hover improvements */
.bs-btn {
    transition: all 0.3s ease;
}

.bs-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Search icon improvements */
.search-input {
    transition: all 0.3s ease;
}

.search-input:hover {
    transform: scale(1.1);
}

/* Back to top button improvements */
#scrollToTopBtn,
.back-to-top {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    background: #1E3A8A !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 9998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3) !important;
    line-height: initial !important;
    text-align: center !important;
}

#scrollToTopBtn.show,
.back-to-top.show {
    opacity: 1 !important;
    visibility: visible !important;
}

#scrollToTopBtn:hover,
.back-to-top:hover {
    background: #C62828 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(30, 58, 138, 0.4) !important;
}

#scrollToTopBtn i,
.back-to-top i {
    font-size: 18px !important;
    transition: transform 0.3s ease !important;
    color: white !important;
}

#scrollToTopBtn:hover i,
.back-to-top:hover i {
    transform: translateY(-2px) !important;
    color: white !important;
}

/* Mobile specific back to top adjustments */
@media (max-width: 768px) {
    #scrollToTopBtn,
    .back-to-top {
        width: 45px !important;
        height: 45px !important;
        bottom: 15px !important;
        right: 15px !important;
    }
    
    #scrollToTopBtn i,
    .back-to-top i {
        font-size: 16px !important;
    }
}
