/* Hamburger button - hidden on desktop */

.menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 9px;
    border: 1px solid #dfe3ec;
    border-radius: 6px;
    background: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
}

    .menu-toggle span {
        display: block;
        height: 3px;
        width: 100%;
        margin: 4px 0;
        background: #17214f;
        border-radius: 3px;
        transition: 0.25s ease;
    }

/* Tablet and mobile menu */
@media (max-width: 900px) {
    .nav-inner {
        position: relative;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .menu-toggle {
        display: block;
        margin-left: auto;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px 0;
        background: #ffffff;
        border: 1px solid #e5e9f2;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 8px 20px rgba(23, 33, 79, 0.12);
        z-index: 1000;
        overflow: visible;
    }

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

        .nav-links a {
            display: block;
            padding: 12px 20px;
            font-size: 14px;
            color: #17214f;
            border-bottom: 1px solid #f0f2f7;
        }

            .nav-links a:last-child {
                border-bottom: none;
            }

            .nav-links a:hover {
                background: #f3f7e5;
                color: #526b08;
            }

    /* Hide the hamburger when not needed on desktop */
}

/* Keep the existing desktop menu horizontal */
@media (min-width: 901px) {
    .nav-links {
        display: flex;
        flex-direction: row;
        position: static;
        width: auto;
        box-shadow: none;
        border: none;
    }
}