.menu-trigger summary {
    letter-spacing: 3px;
    margin-left:auto;
}

.menu-trigger nav {
    margin-top:160px;
    background:var(--color-white);
    border-radius:var(--radius) 0 0 var(--radius);
    padding:var(--padding);
    height:fit-content;
}
.menu-trigger nav a {
    padding-inline:0;
}
.menu-trigger nav a i {
    font-size:1.1em;
}
.menu-trigger nav li:not(.contact) a::after {
    content:'';
    position:absolute;
    height:1px;
    width:0;
    left:0;
    bottom:0;
    background:var(--color-gray);
    transition:var(--transition);
}
.menu-trigger nav li:not(.contact) a:hover::after {
    width:100%;
}

.menu-trigger nav .instagram a {
    display:flex;
    align-items: center;
    gap:10px;
}

.menu-trigger nav .contact {
    margin-top:40px;
}
.menu-trigger nav .contact a {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    background:var(--color-blue);
    color:var(--color-white);
    border-radius:var(--radius-inner);
    padding:5px 20px;
}
.menu-trigger nav .contact a:hover {
    border-radius:100px;
}

body#index:not(.scrolled) .menu-trigger summary {
    color: var(--color-darkgray);
}
body#index:not(.scrolled) .menu-trigger summary div::before ,
body#index:not(.scrolled) .menu-trigger summary div::after ,
body#index:not(.scrolled) .menu-trigger summary span {
    background: var(--color-darkgray);
}

#nav-cover {
    background:var(--color-dark-glass);
}

@media (max-width: 520px) {
    .menu-trigger nav {
        margin-top:0;
        height:100vh;
        border-radius:0;
    }
    html.open .menu-trigger summary {
        color: var(--color-trigger-fr);
    }
}