/* Custom styles for Banting House */

/* Fix for hamburger menu z-index issue */
.navbar_menu-button {
    position: relative;
    z-index: 9999 !important; /* Ensure it's above the slide-in menu */
}

/* Ensure the menu button remains clickable */
.w-nav-button {
    position: relative;
    z-index: 9999 !important;
}

/* Optional: Add transition for smoother interaction */
.navbar_menu-button,
.w-nav-button {
    transition: all 0.3s ease;
}

/* Move logo to the left side in desktop */
.navbar_container {
    justify-content: flex-start !important;
    gap: 2rem;
}

.navbar_logo-wrapper {
    margin-right: auto !important;
    order: -1 !important;
}

/* Ensure proper spacing for navigation items */
.navbar_menu {
    margin-left: 0 !important;
}

/* Hamburger menu styles */
.menu-icon1 {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

/* Fix hamburger menu lines */
.menu-icon_line-top,
.menu-icon_line-bottom {
    width: 24px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

.menu-icon_line-top {
    top: 45%;
    transform-origin: center;
}

.menu-icon_line-bottom {
    top: 55%;
    transform-origin: center;
}

/* Animation for the cross */
.w-nav-button.w--open .menu-icon_line-top {
    top: 50%;
    transform: rotate(45deg);
}

.w-nav-button.w--open .menu-icon_line-bottom {
    top: 50%;
    transform: rotate(-45deg);
}

/* Fix for sticky menu */
.main-wrapper {
    overflow: visible !important;
}

.side-menu-block {
    position: sticky;
    top: 100px;
}