/* =========================
   MOBILE NAVIGATION FIX
========================= */

.menu-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
}

    .menu-toggle span {
        width: 26px;
        height: 2px;
        background-color: #574229;
        display: block;
    }

/* Mobile breakpoint */
@media (max-width: 992px) {

    .menu-toggle {
        display: flex;
    }

    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #ffffff;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 24px;
        display: none !important;
        z-index: 999;
        box-shadow: 0 15px 35px rgba(0,0,0,0.12);
    }

        .nav-links.active {
            display: flex !important;
        }

        .nav-links li {
            width: 100%;
            margin: 12px 0;
        }

            .nav-links li a {
                width: 100%;
                display: block;
                font-size: 16px;
                color: #574229;
            }
}