/****************************
 * Common
****************************/
.vii-menu-row {padding:0 var(--vii-gap-container);}

/* top panel */
.vii-menu-row.top-panel {height:var(--vii-header-top-height); gap: 36px;}
.vii-menu-row.main {height:var(--vii-header-main-height); border-bottom:1px solid #EBEBEB; background:var(--vii-color-bg)}

/* main menu > right column */
.vii-menu-col.right {gap:12px;}
@media only screen and (max-width:1180px) {
    .vii-menu-col.right {gap:var(--vii-gap-container);}
}


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


/****************************
 * Hamburger button
****************************/
.vii-hamburger-button {width:46px; aspect-ratio:1; background:rgba(0,0,0,0);}
.vii-hamburger-button:before {
    background:var(--vii-color-dark); border:1px solid var(--vii-color-tertiary);
    transition:transform .3s ease;
}
.vii-hamburger-button__inner {width:16px; height:9px;}

/* Lines */
.vii-hamburger-button__inner i {height:1px;}
.vii-hamburger-button__inner i:nth-child(2) {top:4px;}

/* hover */
.vii-hamburger-button:hover:before {transform:scale(0.833);}
html:not(.menu-open) .vii-hamburger-button:hover .vii-hamburger-button__inner i:nth-child(1) {transform:translateY(1px);}
html:not(.menu-open) .vii-hamburger-button:hover .vii-hamburger-button__inner i:nth-child(3) {transform:translateY(-1px);}
html:not(.menu-open) .vii-hamburger-button:hover .vii-hamburger-button__inner i:nth-child(2) {opacity:0;}

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

/* responsive */
@media only screen and (max-width:1180px) {
    .vii-hamburger-button {width:40px;}
}

/****************************
 * Menu Sticky
****************************/
body.menu-sticky {padding-top:var(--vii-header-height);}
[data-menu*="sticky"] {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 */
body.menu-sticky.scroll-middle.scroll-down:not(.scroll-bottom) [data-menu*="sticky"] {
    opacity:0; transform:translateY(-100%);
}
body.menu-sticky.scroll-middle [data-menu*="sticky"] {
    transform:translateY(calc(-1 * var(--vii-header-top-height)));
}