/* ===== MOBILE NAV TOGGLE (added) ===== */

.nav-toggle{

    display:none;

    flex-direction:column;

    justify-content:space-between;

    width:26px;

    height:18px;

    background:transparent;

    border:none;

    cursor:pointer;

    padding:0;

}

.nav-toggle span{

    display:block;

    height:3px;

    width:100%;

    background:#12352D;

    border-radius:2px;

    transition:.3s;

}

.nav-toggle.is-active span:nth-child(1){

    transform:translateY(7px) rotate(45deg);

}

.nav-toggle.is-active span:nth-child(2){

    opacity:0;

}

.nav-toggle.is-active span:nth-child(3){

    transform:translateY(-7px) rotate(-45deg);

}

@media(max-width:768px){

    header .container{

        flex-direction:row;

        flex-wrap:wrap;

        justify-content:space-between;

        height:auto;

        padding:16px 0;

    }

    .nav-toggle{

        display:flex;

        order:2;

    }

    .donate-btn{

        order:3;

    }

    nav{

        order:4;

        width:100%;

        max-height:0;

        overflow:hidden;

        transition:max-height .3s ease;

    }

    nav.nav-open{

        max-height:400px;

    }

    nav ul{

        flex-direction:column;

        align-items:center;

        gap:15px;

        margin:20px 0 0;

    }

}