body.admin-bar{
    .header.core{
        margin-top: 32px;
    }
}
body.transparent-menu{
    .header{
        background: transparent;
        filter: invert(1);
        transition: all 0.4s ease;
        &.scrolled {
            filter: none;
            background: #fff;
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
            backdrop-filter: blur(12px);
        }
    }
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    transition: box-shadow 0.3s ease, background 0.3s ease;

    .default-logo{
        width: 200px;
        height: auto;
    }

    /* Shadow moderna quando scrolli */
    &.scrolled {
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
        backdrop-filter: blur(12px);
        background: rgba(255, 255, 255, 0.92);
    }

    /* Container interno centrato */
    .container {
        width: 100%;

        .row {
            width: 100%;
        }

        .custom-logo-link {
            img {
                width: 200px;
                height: auto;
            }
        }
    }
}
.icon-hamburger{display: none;}

.menu,
.menu ul{margin: 0;position: relative;}
.menu li{display: inline-block;position: relative}

.menu li a {
    color: var(--site-text-color);
    opacity: 0.8;
    display: block;
    padding: 16px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    &:hover {
        color: var(--secondary-color);
    }
}


@media (max-width: 1190px) {
    .menu{
        position: absolute; top:60px; left:0; right:0; background-color: var(--site-bg); min-width: 100%;
        height: 100vh; margin: 0 -5% 0 -5%;
        overflow: auto;transition: all 1s cubic-bezier(.215, .61, .355, 1);padding-left: 0; transform: translateX(-100%);
    }

    .menu li{width: 90%;margin: 0 5%; border-bottom: 1px solid #000}
    .menu-open .menu{transform: translateX(0%);}
    .menu-open .menu > li:last-child{margin-bottom: 150px;position: relative;}

    .icon-hamburger{
        height: 50px;
        width: 50px;
        display: block;
        border:none;
        background: transparent;
        z-index: 9999;
        margin-top: 15px;
        margin-right: -30px;
    }
    .icon-hamburger strong{height: 1px;margin-top:-1px; overflow: hidden;width: 1px;display: block;margin: 0;padding: 0;}
    .icon-hamburger span{height: 2px; width: 30px;background: var(--site-text-color);position: relative;display: block;margin-bottom: 11px;transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}

    .menu-open .icon-hamburger span:nth-child(2){transform: rotate(45deg) translateY(9px);}
    .menu-open .icon-hamburger span:nth-child(3){transform: rotate(-45deg) translateY(-9px);}
}

/* Menu Dropdown */
.menu > li > ul{
    background: #eee;
    opacity: 0;
    display: none;
    min-width: 220px;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 0px;
    left: 0;
    padding: 10px;
    border-radius: 10px;
}

.menu li ul > li > a{color:#000; border-radius: 7px;}
.menu li ul > li > a:hover {background: #ccc;color:#000}

/* Mega Menu */
.menu > li.mega-menu > .sub-menu a{padding: 12px;}
.menu > li.mega-menu > .sub-menu .sub-menu  {padding-left: 0;width: 180px;}
.menu > li.mega-menu > .sub-menu .sub-menu  li a{padding-top: 7px;padding-bottom: 8px;font-weight: normal;font-size: 14px;}


/* Open Menus */
@media (min-width: 1190px) {

    .menu > li:hover > ul,
    .menu > li > ul:hover { visibility: visible; opacity: 1; display: block; }

    .menu > li.mega-menu:hover > ul,
    .menu > li.mega-menu > ul:hover,
    .menu > li.mega-menu:focus-within > ul { visibility: visible; opacity: 1; display: flex; flex-wrap: wrap;width: 600px;}
    .menu > li.mega-menu > ul > li{width: 193px;}

}

.menu li.open-dropdown > ul{visibility: visible; opacity: 1; display: block; }
.menu li.mega-menu.open-dropdown > ul{visibility: visible; opacity: 1; display: block;}

/* open dropdown with focus tab*/
.menu li:focus-within ul{visibility: visible; opacity: 1; display: block; }

.menu li ul li { clear: both; width: 100%; }
.menu > li.menu-item-has-children > a{position: relative;padding-right: 30px;}

.menu > li.menu-item-has-children > a::after{
    content:" ";width: 30px;height: 30px; background-size:30px;position: absolute;
    top:50%; right: 0; transform: rotate(90deg);margin-top: -15px;
    background-size:100%;
    background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}


@media (max-width: 1190px) {

    .menu li ul{position: relative;background: none;}
    .menu li ul li{border:none; width: 95%; }
    /* .menu li ul li a{padding-left: 30px;} */
    .menu > li.mega-menu > .sub-menu {margin-left: 5vw;}
    .menu > li.mega-menu > .sub-menu li {margin:0;}
    .menu > li.mega-menu > .sub-menu > li {width: 40vw;margin-bottom: 20px;}
}