a {
    all: unset;
    cursor: pointer;
    text-decoration: unset !important;
}
nav {
    all: unset;
}

.wp-block-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
    min-height: 30px;
}

a.wp-block-navigation-item__content:hover {
    text-decoration: underline !important;
}
.wp-block-navigation__container {
    display: flex;
    align-items: center;
}

.wp-block-navigation__item {
    display: inline-block;
}

.wp-block-navigation__link {
    text-decoration: none;
    color: inherit;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s ease;
}

.wp-block-navigation__link:hover {
    background-color: #f5f5f5;
    color: #333;
}
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-close button{
    display: none;
}
@media (max-width: 768px) {
    .wp-block-navigation {
        flex-direction: column;
    }
    .wp-block-navigation__responsive-container-open{
        display: block;
    }
    .wp-block-navigation__responsive-container-open,.has-modal-open .wp-block-navigation__responsive-container-close {
        display: block;
        position: absolute;
        right:0;
        background: transparent;
        border: none;
        cursor: pointer;
    }
    .wp-block-navigation__responsive-container-open svg,.has-modal-open .wp-block-navigation__responsive-container-close svg{
        fill: inherit;
        mix-blend-mode: difference;
    }
    .wp-block-navigation__responsive-container-open svg rect{
        display: none;
    }
    .has-modal-open .wp-block-navigation__responsive-container-open{
        display: none;
    }
    .has-modal-open .wp-block-navigation__responsive-close button{
        display: block;
    }
    .wp-block-navigation__responsive-container-content {
        display: none;
    }
    .has-modal-open .wp-block-navigation__responsive-container-content {
        display: block;
    }
    .wp-block-navigation-item a {
        color: #3e3e3e !important;
    }
    .wp-block-navigation-item a.custom-logo-link {
        padding-left:10px;
    }
    .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
        right: 10px !important;
        top: 10px !important;
        color: #3e3e3e !important;
        display: block !important;
    }
    .has-modal-open .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-close button {
        display: block;
    }
}
