/* Mobile menu styles */
.aa-navigation--mobile {
    display: none;
    background: #fff;
    padding: 1rem;
    position: fixed;
    top: 60px; /* Adjust based on header height */
    left: 0;
    right: 0;
    bottom: 0; /* Full screen on mobile */
    z-index: 9999; /* Very high z-index */
    overflow-y: auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Ensure hamburger is visible and clickable */
.aa-site-header__hamburger {
    cursor: pointer;
    z-index: 10000; /* Higher than menu */
    position: relative;
    display: block; /* Ensure it takes space */
    width: 40px; /* Minimum touch target */
    height: 40px;
}

/* Show mobile navigation only when the hamburger toggles 'js-nav-open' */
html.js-nav-open .aa-navigation--mobile,
body.js-nav-open .aa-navigation--mobile {
    display: block !important; /* Force display */
}

/* Prevent background scroll when menu is open */
html.js-nav-open,
body.js-nav-open {
    overflow: hidden;
}

/* Hamburger Animation (optional but good for feedback) */
.aa-hamburger span {
    transition: all 0.3s ease-in-out;
}

.is-active .aa-hamburger span {
    background: transparent;
}

.is-active .aa-hamburger span::before {
    transform: rotate(45deg);
}

.is-active .aa-hamburger span::after {
    transform: rotate(-45deg);
}