/*@use "variables" as *;
@use "media-query" as *;*/

/* Header */
.overlay_background {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    animation: backdropFilter var(--animation-speed) var(--animation-easing) forwards;
    position: fixed;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.megamenu_open {
    .overlay_background {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

/*.megamenu_open .Header_announcement_bar_new {
    position: relative;
    z-index: 10 !important;
}*/

.megamenu_open .header-section {
    z-index: 10 !important;
}

.header{ padding:0 0px; }

.header__row {
    display: block;
    margin: 0;
    padding: 0;
}

.header__columns_main_new{
    padding: 0;
}

.header__columns {
    padding: 0 !important;
    gap: 0 !important;
    display: flex;
}

.header__column{
    gap:0 !important;
}

/*.header-section:has(>#header-component[sticky=always]), .header-section:has(>#header-component[sticky=scroll-up][data-sticky-state=active]){
    .header__columns_main_new{
        border: 1.5px solid var(--Black, #101010);
        box-shadow: 2px 2px 0 0 #000;
        border-radius: 999px;
    }
    .header__columns {
        background: #FFF;
        border-radius: 999px;
    }
    .header__row{ border-bottom-color: transparent !important; }
}*/

.overflow-menu::part(list) {
    gap: 0px;
}

.menu-list {
    --menu-horizontal-gap: 0;
    grid-gap: 0;
    list-style-type: none;
    align-items: center;

    .menu-list__link {
        font-family: var(--font-gopher--family);
        padding: 13px 12px 12px 12px !important;
        font-size: 14px;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: 0;
        text-transform: uppercase;
        margin: 0 !important;
        position: relative;
        --minimum-touch-target: 39px;
        justify-content: center;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        transition: all .3s linear;
    }

    .menu-list__link-title{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-list__link[aria-expanded="true"]{
        background: #fff;
        color:#060709;
    }

}

.header__column--left{
    width:calc(100% - 16.66%);
    .header-logo{ 
        width:20%; padding:0 20px; 
        svg{ max-width:176px; height: auto; width:100%; }
    }
    .header-menu{ 
        width:calc(100% - 20%); 
        .header-menu__inner{ 
            width:100%; 
            .menu-list__list-item{ 
                display: block;
                width: 25%;
                flex: 1;
                justify-content: center;
                align-items: center;
                border-left:1px solid #fff; 
            }
        }
    }
}

.header__column--right {
    width: 16.67%;
    gap: 0;

    .overflow-menu::part(list) {
        height: auto !important;
        gap: 0;
    }

    header-actions {
        display: none;
    }

    .Header_actions_button_new{
        border-left:1px solid #fff;
        width:100%;
        .Common_button_new{
            font-size: 14px;
            font-weight: 700;
            padding: 12px 12px 11px 12px !important;
            width: 100%;
            border: 0;
            box-shadow: 0 0 0;
        }
    }
}

.single_menu_top_new {
    position: relative;

    .menu-list__submenu {
        width: 100%;
        padding: 0;
        margin: 0px 0 0 0px;
        clip-path: none !important;
        transition: none !important;
        visibility: visible !important;
        border-radius: 0;
        display: none;

        .menu-list__submenu-inner {
            padding: 0;
            opacity: 1;
            transition: none;
        }

        .mega-menu {
            display: block;
        }

        .mega-menu__grid {
            padding: 8px 0;
            display: block;
        }

        .mega-menu__column {
            width: 100%;
        }

        .mega-menu__link {
            font-family: var(--font-gopher--family);
            font-size: 16px;
            font-weight: 600;
            line-height: 100%;
            text-transform: uppercase;
            padding: 8px 16px;
            display: block;
            color: inherit;
        }
    }

    &:hover .menu-list__submenu {
        visibility: visible !important;
        display: block;
    }

    &:hover .menu-list__link svg {
        transform: rotate(180deg);
    }
}

.overflow-menu:after {
    display: none;
}

.menu-list__submenu-inner, .overflow-menu::part(overflow-list) {
    max-height: calc(90vh - var(--header-height));
}

/* Megamenu */
.menu-list__submenu-inner{
    border-top: 1px solid #060709;
    border-bottom: 1px solid #060709;
    padding:0;
}

.custom_mega_menu_top_only_new{

}

@media (min-width: 990px) and (max-width: 9999px) {
    .header__drawer{ display: none; }
    #header-component :is(.header-menu,.dropdown-localization){ display: block; }
}

/* Megamenu */
.mega-menu{
    width: 100%; 
    display: block;
    .mega-menu__grid{display: block; padding: 0px;
        .Megamenu_main_new{width: 100%;
            .Megamenu_inner_new{width: 100%;
                .Megamenu_mainitem_new{width: 100%;
                    .Megamenu_inneritem_new{display:flex;  width: 100%;
                        .Megamenu_inneritem_mainboths_new{width:calc(100% - 49.931%);
                            .Megamenu_inneritem_innerboths_new{
                                .Megamenu_inneritem_innerboths_mainloop_new{
                                    .Megamenu_inneritem_innerboths_innerloop_new{
                                        .Megamenu_inneritem_innerboths_innerloop_mainblock_new{
                                            .Megamenu_inneritem_innerboths_innerloop_innerblock_new{display:flex; align-items:center; border-bottom: 1px solid #060709; padding:24px 56px;
                                                .Megamenu_inneritem_innerboths_innerloop_innerblock_image_new{
                                                    width: 96px;
                                                    img{width: 100%; height: auto;}
                                                    video{width: 100%; height: auto;}
                                                }
                                                .Megamenu_inneritem_innerboths_innerloop_innerblock_boths_new{width: calc(100% - 96px); padding-left: 16px; white-space: wrap;
                                                    .Megamenu_inneritem_innerboths_innerloop_innerblock_boths_title_new{font-size: 24px; white-space: wrap; font-weight: 500; line-height: 128%; font-family: var(--font-gopher--family);}
                                                    .Megamenu_inneritem_innerboths_innerloop_innerblock_boths_infos_new{padding-top: 8px; white-space: wrap; }
                                                }
                                            }
                                        }
                                    }
                                }
                                .Megamenu_inneritem_innerboths_mainbutton_new{padding:24px 56px;
                                    .Megamenu_inneritem_innerboths_innerbutton_new{
                                        a{min-width: 100%;}
                                    }
                                }
                            }
                        }
                        .Megamenu_inneritem_mainmedia_new{width:49.931%; border-left: 1px solid #060709;
                            .Megamenu_inneritem_innermedia_new{position: relative; /*padding-bottom:73.436%;*/ height:100%;
                                img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                                video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                            }
                        }
                    }
                }
            }
        }
    }
}   

@media (min-width: 990px) and (max-width: 1200px) {
    .mega-menu{ 
        .mega-menu__grid{
            .Megamenu_main_new{
                .Megamenu_inner_new{
                    .Megamenu_mainitem_new{
                        .Megamenu_inneritem_new{
                            .Megamenu_inneritem_mainboths_new{
                                .Megamenu_inneritem_innerboths_new{
                                    .Megamenu_inneritem_innerboths_mainloop_new{
                                        .Megamenu_inneritem_innerboths_innerloop_new{
                                            .Megamenu_inneritem_innerboths_innerloop_mainblock_new{
                                                .Megamenu_inneritem_innerboths_innerloop_innerblock_new{padding:20px 20px;
                                                    .Megamenu_inneritem_innerboths_innerloop_innerblock_image_new{width: 66px;}
                                                    .Megamenu_inneritem_innerboths_innerloop_innerblock_boths_new{width: calc(100% - 66px);
                                                        .Megamenu_inneritem_innerboths_innerloop_innerblock_boths_title_new{font-size: 22px;}
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .Megamenu_inneritem_innerboths_mainbutton_new{padding:20px 20px; }
                                }
                            }
                        }
                    }
                }
            }
        }
    }     
}
/* Header */