/* Header Mobile Fix - Ensure header is visible on mobile devices */

/* Hide sticky header logo and actions when NOT sticky to prevent duplicates */
.navbar-sticky:not(.sticky-menu) .left-side,
.navbar-sticky:not(.sticky-menu) .right-side.sticky-action-items {
    display: none !important;
}

/* Show sticky header logo and actions when sticky is active */
.navbar-sticky.sticky-menu .left-side {
    display: block !important;
}

.navbar-sticky.sticky-menu .right-side.sticky-action-items {
    display: flex !important;
}

/* Hide top header logo and actions when sticky is active (using JS will add class to body) - Desktop only */
@media (min-width: 769px) {
    body.sticky-active .header-topbar-menu-area .topbar-logo,
    body.sticky-active .header-topbar-menu-area .top-header-actions {
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }
}

/* Mobile Header Fix - Override main.css rules that hide header on mobile */
@media (max-width: 768px) {
    /* Remove gap between header and slider */
    #rtsHeader {
        margin-bottom: 0 !important;
    }
    
    .header-topbar {
        display: block !important;
        visibility: visible !important;
        margin-bottom: 0 !important;
    }
    
    .header-topbar-menu-area {
        display: flex !important;
        visibility: visible !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area .container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area.header-topbar-menu-area9 {
        display: flex !important;
        visibility: visible !important;
    }
    
    /* Ensure menu container is visible */
    .header-topbar-menu-area .container {
        display: block !important;
        visibility: visible !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 {
        display: flex !important;
        visibility: visible !important;
    }
    
    /* Restructure menu-area-left-side for mobile - logo and search in column */
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side {
        display: flex !important;
        visibility: visible !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    /* First row: Hamburger, Logo, Action Items - all in one line */
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .hamburger-1 {
        display: flex !important;
        visibility: visible !important;
        order: 1 !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .topbar-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 2 !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .header-action-items {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 3 !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        gap: 10px !important;
    }
    
    /* Second row: Search bar below - full width */
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .topbar-search {
        display: flex !important;
        visibility: visible !important;
        order: 4 !important;
        width: 100% !important;
        margin-top: 10px !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }
    
    /* Show action items on mobile */
    .header-topbar-menu-area .top-header-actions,
    .header-topbar-menu-area .header-action-items,
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .header-action-items {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Override sticky-active hiding on mobile */
    body.sticky-active .header-topbar-menu-area .top-header-actions,
    body.sticky-active .header-topbar-menu-area .header-action-items {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        display: flex !important;
    }
    
    /* Ensure individual action items are visible */
    .header-topbar-menu-area .cart,
    .header-topbar-menu-area .wishlist,
    .header-topbar-menu-area .account,
    .header-topbar-menu-area .action-item {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ensure cart and wishlist icons are visible */
    .header-topbar-menu-area .cart-icon,
    .header-topbar-menu-area .wishlist-icon,
    .header-topbar-menu-area .cart a,
    .header-topbar-menu-area .wishlist a,
    .header-topbar-menu-area .account {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (max-width: 500px) {
    /* Remove gap between header and slider */
    #rtsHeader {
        margin-bottom: 0 !important;
    }
    
    .header-topbar {
        display: block !important;
        visibility: visible !important;
        margin-bottom: 0 !important;
    }
    
    .header-topbar-menu-area {
        display: flex !important;
        visibility: visible !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area .container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 {
        display: flex !important;
        visibility: visible !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side {
        display: flex !important;
        visibility: visible !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    /* First row: Hamburger, Logo, Action Items - all in one line */
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .hamburger-1 {
        display: flex !important;
        visibility: visible !important;
        order: 1 !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .topbar-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 2 !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .header-action-items {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 3 !important;
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        gap: 10px !important;
    }
    
    /* Second row: Search bar below - full width */
    .header-topbar-menu-area .container .menu-area1 .menu-area-left-side .topbar-search {
        display: flex !important;
        visibility: visible !important;
        order: 4 !important;
        width: 100% !important;
        margin-top: 10px !important;
        flex-basis: 100% !important;
        margin-left: 0 !important;
    }
    
    .header-topbar-menu-area .top-header-actions,
    .header-topbar-menu-area .header-action-items {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Override sticky-active hiding on small mobile */
    body.sticky-active .header-topbar-menu-area .top-header-actions,
    body.sticky-active .header-topbar-menu-area .header-action-items {
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
        display: flex !important;
    }
    
    /* Ensure all action items are visible */
    .header-topbar-menu-area .cart,
    .header-topbar-menu-area .wishlist,
    .header-topbar-menu-area .account,
    .header-topbar-menu-area .action-item {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}