/* HEADER CONTAINER */

.center-menu{
    width:100%;
    background:transparent;
    position:relative;
    z-index:99999;
    padding:10px 30px;
    box-sizing:border-box;
}

/* DIVI HEADER STACKING FIX */

.et-l--header{
    z-index:99999;
    position:relative;
}

/* REMOVE BULLETS */

.center-menu ul,
.center-menu li{
    list-style:none !important;
    margin:0;
    padding:0;
}

/* MOBILE HEADER BAR */

.mobile-bar{
    display:none;
}

/* BURGER */

.menu-toggle{
    font-size:26px;
    cursor:pointer;
    z-index:100001;
}

/* MAIN MENU */

.center-menu-list{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}

/* LOGO */

.menu-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 28px;
    flex-shrink:0;
}

.menu-logo img{
    display:block;
    height:48px;
    width:auto;
}

.menu-logo a,
.mobile-logo a{
    display:inline-flex;
    align-items:center;
    padding:0;
    border-bottom:none;
}

/* MENU ITEMS */

.center-menu li{
    position:relative;
    white-space:nowrap;
}

.center-menu a{
    display:block;
    padding:10px 0;
    text-decoration:none;
    font-size:16px;
    font-weight:500;

    font-variant: small-caps;
    letter-spacing:0.04em;

    color:#222;
    transition:color .2s ease;
}

.center-menu a:hover{
    color:#8c6a3c;
}

/* DROPDOWN */

.center-menu ul ul{
    position:absolute;
    top:100%;
    left:0;

    display:flex;
    flex-direction:column;

    background:rgba(255,255,255,0.96);
    backdrop-filter:blur(6px);

    min-width:200px;
    padding:8px 0;

    box-shadow:0 10px 24px rgba(0,0,0,0.15);
    border-radius:8px;

    opacity:0;
    transform:translateY(4px);
    pointer-events:none;
    transition:.18s ease;
}

.center-menu li:hover > ul{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

/* SUBMENU ITEMS */

.center-menu ul ul a{
    padding:8px 18px;
    font-size:14px;
}

/* SECOND LEVEL */

.center-menu ul ul ul{
    left:100%;
    top:0;
}

/* ARROWS */

.center-menu .has-children > a::after,
.center-menu .has-mega > a::after{
    content:"▾";
    font-size:11px;
    margin-left:6px;
    display:inline-block;
    transition:transform .2s ease;
}

.center-menu li.open > a::after{
    transform:rotate(180deg);
}

/* MEGA MENU */

.has-mega{
    position:relative;
}

.mega-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);

    display:flex;
    gap:36px;

    background:rgba(255,255,255,0.96);
    backdrop-filter:blur(6px);

    padding:20px 28px;

    border-radius:10px;
    box-shadow:0 12px 30px rgba(0,0,0,0.15);

    opacity:0;
    pointer-events:none;
    transition:.18s ease;
}

.has-mega:hover .mega-menu{
    opacity:1;
    pointer-events:auto;
}

/* MEGA COLUMNS */

.mega-column{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:150px;
}

.mega-column h4{
    font-size:13px;
    font-weight:600;
    margin-bottom:6px;
    padding-bottom:4px;
    border-bottom:1px solid rgba(0,0,0,0.15);
}

.mega-column a{
    padding:3px 0;
    font-size:14px;
}

/* ========================= */
/* MOBILE & TABLET */
/* ========================= */

@media (max-width:1200px){

    .center-menu{
        padding:12px 16px;
    }

    /* MOBILE HEADER BAR */

    .mobile-bar{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    .mobile-logo img{
        height:42px;
        display:block;
    }

    /* BURGER */

    .menu-toggle{
        display:block;
        font-size:28px;
    }

    /* HIDE DESKTOP CENTER LOGO */

    .center-menu-list .menu-logo{
        display:none;
    }

    /* MOBILE MENU */

    .center-menu-list{
        display:none;
        flex-direction:column;
        align-items:stretch;
        width:100%;
    }

    .center-menu.open .center-menu-list{
        display:block;

        margin-top:5px;
        background:#fff;
        border-radius:10px;
        box-shadow:0 12px 28px rgba(0,0,0,0.15);

        padding:5px 0;

        max-height:60vh;
        overflow-y:auto;

        -webkit-overflow-scrolling:touch;
        overscroll-behavior:contain;
    }

    /* MENU ITEMS */

    .center-menu-list > li{
        width:100%;
    }

    /* LINKS */

    .center-menu a{
        width:100%;
        padding:14px 20px;
        border-bottom:1px solid rgba(0,0,0,0.06);
        text-align:left;
    }

    /* FIX LOGO BORDER + PADDING (THE ONLY REAL CHANGE) */

    .mobile-logo a{
        padding:0 !important;
        border-bottom:none !important;
    }

    /* DISABLE DESKTOP HOVER */

    .center-menu li:hover > ul{
        opacity:0;
        pointer-events:none;
    }

    /* MOBILE DROPDOWN */

    .center-menu ul ul{
        position:static;
        opacity:1;
        transform:none;

        display:none;
        width:100%;

        background:#fafafa;

        padding:6px 0 6px 18px;

        box-shadow:none;
        backdrop-filter:none;

        flex-direction:column;
    }

    /* FORCE NORMAL LIST */

    .center-menu ul ul li{
        display:block;
        width:100%;
    }

    /* OPEN DROPDOWN */

    .center-menu li.open > ul{
        display:block;
        opacity:1;
        pointer-events:auto;
    }

    /* DROPDOWN LINKS */

    .center-menu ul ul a{
        padding:10px 16px;
        font-size:14px;
        white-space:normal;
    }

    /* MOBILE MEGA */

    .mega-menu{
        position:static;
        transform:none;

        display:none;
        flex-direction:column;

        gap:10px;
        background:#fafafa;

        padding:12px 16px;
        box-shadow:none;
    }

    .has-mega.open .mega-menu{
        display:flex;
    }

}