/*********************************************
 * Navigation Horizontal
**********************************************/
.vii-nav {position:relative;}
.vii-nav:before {
    content:""; position:absolute; bottom:0; left:0; right:0;
    height:4px; background:var(--sep-color, rgba(0, 0, 0, .2));
}

.vii-nav--list.horizontal {overflow:auto; white-space:nowrap;}
.vii-nav--list.horizontal ul {
    position:relative;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:0 40px;
}
.vii-nav--list.horizontal ul:not(:has(li:nth-child(4))) {gap:0 100px;}

/* Item */
.vii-nav--list-item__link {
    position:relative;
    min-width:140px; padding:16px 20px;
    font-size:var(--vii-size-body-small); letter-spacing:0.04em; line-height:1.7; font-weight:700;
}

/* Item active */
.vii-nav .vii-nav--list.horizontal ul:not(:hover) li.active .vii-nav--list-item__link,
.vii-nav:not(.vii-nav-full-width) .vii-nav--list.horizontal ul:hover .vii-nav--list-item__link:hover,
.vii-nav:not(.vii-nav-full-width) .vii-nav--list.horizontal ul:hover .vii-nav--list-item__link:focus {
    color:var(--vii-color-primary);
}

/* A11y */
.vii-nav--list-item__link:focus-visible {
    outline:2px solid var(--vii-color-primary); border-radius:40px;
}

/*********************************************
 * Navigation Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .vii-nav:before {display:none;}
}