.markup:has(.ww-gw-nav) {
    background-color: #FF6400;
}

.ww-gw-nav {
    --nav-link-font-size: 0.75rem;
}

@media (width>=768px) {
    .ww-gw-nav {
        --nav-link-font-size: 1rem;
    }
}

.ww-gw-nav-items {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 0.5rem;
    list-style: none;
}

.ww-gw-nav-items li {
    padding: 0;
    margin: 0;
    margin-block: 1rem;
}

.ww-gw-nav-items a {
    color: var(--colors-white);
    font-size: var(--nav-link-font-size);

    text-decoration: none;

    display: block;
    text-align: center;
    text-wrap: balance;
}

.ww-gw-nav-items a:focus-visible,
.ww-gw-nav-items a:hover {
    text-decoration: underline;
}