/* Lot 2 — navigation fiable, lisible et utilisable au clavier. */
.site-header a:focus-visible,
.mobile-menu a:focus-visible,
.mf-navigation-mobile a:focus-visible {
    outline: 3px solid #16784b;
    outline-offset: 3px;
}

.menu-item-hotline > a {
    align-items: center;
    display: flex;
    white-space: nowrap;
}

.site-header .sidra-language-switcher {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    margin-left: 10px;
    min-height: 42px;
    position: relative;
    z-index: 1001;
}

.site-header .sidra-language-switcher[hidden] {
    display: none;
}

.site-header .sidra-language-switcher .gtranslate_wrapper {
    align-items: center;
    display: flex;
}

.site-header .sidra-language-switcher a.gt_switcher-popup {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    display: inline-flex;
    min-height: 38px;
    padding: 6px 0;
}

.site-header .extras-menu > .menu-item-language {
    align-items: center;
    display: flex;
    padding-left: 10px;
    padding-right: 0;
}

.site-header .sidra-language-switcher a:focus-visible,
.site-header .sidra-language-switcher select:focus-visible {
    outline: 3px solid #16784b;
    outline-offset: 3px;
}

@media (min-width: 1200px) {
    .site-header .header-main > .container {
        box-sizing: border-box;
        max-width: 1180px;
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }

    .site-header .main-menu .col-header-menu {
        justify-content: center;
    }

    .site-header .header-logo {
        flex: 0 0 180px;
        width: 180px;
    }

    .site-header .header-extras {
        flex: 1 1 auto;
        min-width: 0;
        width: calc(100% - 180px);
    }

    .site-header .product-extra-search {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
    }

    .site-header .extras-menu {
        flex: 0 0 auto;
        margin-left: 16px !important;
    }

    .site-header .extras-menu > li {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .site-header .extras-menu > li:last-child {
        padding-right: 0 !important;
    }

    .site-header .product-extra-search .product-cat {
        flex: 0 0 160px !important;
        max-width: 160px;
        min-width: 0;
        width: 160px !important;
    }

    .site-header .product-extra-search .search-wrapper {
        flex: 1 1 auto;
        min-width: 118px;
        width: auto;
    }

    .site-header .product-extra-search .search-submit {
        min-width: 90px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        width: 90px !important;
    }

    .site-header .product-extra-search .product-cat-label {
        padding-left: 12px;
        padding-right: 24px;
    }

    .sticky-header .site-header.minimized .header-logo {
        flex: 0 0 110px;
        width: 110px;
    }

    .sticky-header .site-header.minimized .header-logo .d-logo {
        align-items: center;
        display: flex;
        max-width: 100%;
    }

    .sticky-header .site-header.minimized .header-logo .logo {
        margin-right: 0;
    }

    .sticky-header .site-header.minimized .header-main .sticky-logo {
        height: 52px;
        object-fit: contain;
        width: auto;
    }

    .sticky-header .site-header.minimized .header-extras {
        flex: 1 1 auto;
        min-width: 0;
        width: calc(100% - 110px);
    }

    .sticky-header .site-header.minimized .product-extra-search {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
    }

    .sticky-header .site-header.minimized .extras-menu {
        flex: 0 0 auto;
        margin-left: 18px;
    }

    .sticky-header .site-header.minimized .product-extra-search .product-cat-label {
        padding-left: 14px;
        padding-right: 26px;
    }

    .primary-nav > ul > li > a {
        padding-left: 11px;
        padding-right: 11px;
        white-space: nowrap;
    }

    .primary-nav .menu-item-has-children.sidra-menu-open > .dropdown-submenu {
        opacity: 1 !important;
        top: 100% !important;
        transform: scaleX(1) !important;
        visibility: visible !important;
        z-index: 999 !important;
    }

    .primary-nav .menu .is-mega-menu.sidra-menu-open > .dropdown-submenu {
        left: 50% !important;
        max-width: calc(100vw - 48px);
        transform: translateX(-50%) scale(1) !important;
        width: 1080px;
    }

    .primary-nav .is-mega-menu .mega-menu-content > .row {
        align-items: flex-start;
    }

    .primary-nav .is-mega-menu .mega-menu-content > .row > .mr-col > .menu-item-mega > a {
        color: #222;
        font-weight: 700;
        letter-spacing: .01em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .site-header .header-row {
        align-items: center;
        display: flex;
    }

    .site-header .menu-item-hotline label {
        font-size: 12px;
    }
}

@media (max-width: 1199px) {
    .mf-navigation-mobile .menu-item-has-children.sidra-menu-open > ul,
    .mobile-menu .menu-item-has-children.sidra-menu-open > ul,
    .primary-mobile-nav .menu-item-has-children.sidra-menu-open > ul {
        display: block !important;
    }

    .mf-navigation-mobile .is-mega-menu .mega-menu-content > .row > li,
    .mobile-menu .is-mega-menu .mega-menu-content > .row > li {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .site-header .sidra-language-switcher {
        margin-left: 0;
        min-height: 36px;
    }

    .site-header .header-extras > .extras-menu {
        margin-left: 8px;
        margin-right: 8px;
    }

    .site-header .sidra-language-switcher a.gt_switcher-popup {
        min-height: 34px;
        padding: 4px 0;
    }
}

@media (max-width: 479px) {
    .site-header .sidra-language-switcher a.gt_switcher-popup {
        font-size: 0;
        min-width: 44px;
    }

    .site-header .sidra-language-switcher a.gt_switcher-popup > span:first-of-type {
        display: none;
    }
}