/****************************
 * Common
****************************/
.vii-menu-row {padding:0 10px 0 18px; gap:0 var(--vii-gap-container);}
.vii-menu-row.main {min-height:var(--vii-header-height);}

.vii-menu-col {gap:24px;}
.vii-menu-col.left {gap:18px;}

/* responsive */
@media only screen and (max-width:1180px) {
    .vii-menu > .container {padding:0; max-width:100%;}
    .vii-menu-row {padding:0 var(--vii-gap-container);}
    .vii-menu-col.left .vii-language-switcher {display:none;}
}
@media only screen and (max-width:1023px) {
    .vii-menu-col {gap:8px;}
}

/* sep */
.vii-menu-sep {width:1px; height:24px; background:#d0d1d6;}
@media screen and (min-width:1181px) {
    .vii-menu-col.left:not(:has(.vii-language-switcher)) .vii-menu-sep {display:none;}
}

/* register header */
@media only screen and (min-width:1181px) {
    .register-header {gap:20px; position:relative; padding-left:24px;}
    .register-header:before {
        content:'';
        width:1px; height:24px; background:#D0D1D6;
        position:absolute; top:50%; left:0; transform:translateY(-50%);
    }
}
@media only screen and (max-width:1180px) {
    .register-header, .vii-menu-col.left {gap:8px;}
}
@media only screen and (max-width:768px) {
    .register-header {gap:4px;}
}

/****************************
 * Logo
****************************/
.vii-menu-logo {height:var(--vii-logo-height);}
.vii-menu-logo img {height:100%; width:auto;}


/****************************
 * Hamburger button
****************************/
.vii-hamburger-button {
    background:none; width:40px;
    border:2px solid var(--vii-color-blue);
}
.vii-hamburger-button__inner {width:20px; height:16px;}

/* Lines */
.vii-hamburger-button__inner i {width:100%; height:2px; background:#000;}
.vii-hamburger-button__inner i:nth-child(1) {top:0;}
.vii-hamburger-button__inner i:nth-child(2) {top:7px;}
.vii-hamburger-button__inner i:nth-child(3) {bottom:0; left:auto; right:0;}

/* Open */
html.menu-open .vii-hamburger-button__inner i:nth-child(1) {transform:rotate(45deg); top:7px;}
html.menu-open .vii-hamburger-button__inner i:nth-child(3) {transform:rotate(-45deg); bottom:5px; width:100%; top:7px;}
html.menu-open .vii-hamburger-button__inner i:nth-child(2) {width:0; left:50%;}

@media only screen and (max-width:768px) {
    .vii-hamburger-button {width:32px;}
}

/****************************
 * Menu Sticky
****************************/
body.menu-sticky { /* padding-top:var(--vii-header-height) */;}
[data-menu*="sticky"] {
    --vii-container:1350px;
    position:fixed; top:0; left:0; right:0;
}

/* wrapper */
.vii-menu-row.main .vii-menu-row-inner {min-height:var(--vii-header-height);}

/* Scroll middle down: hide menu */
/*html:not(.accordion-moving) body.menu-sticky.scroll-middle.scroll-down:not(.scroll-bottom) [data-menu*="sticky"] {*/
/*    opacity:0; transform:translateY(-100%);*/
/*}*/

/* Scroll middle up: change header background */
body.menu-sticky.scroll-up:not(.scroll-top) .vii-menu-row.main,
body.menu-sticky.scroll-bottom .vii-menu-row.main {box-shadow:0 0 0 1px var(--vii-color-gray);}