.nav-item .dropdown-menu {
    display: none;
    z-index: 1000;
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    display: none;
    position: absolute;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.navbar {
    position: sticky;
    top: 0px
}

.logo-line {
    height: 2px !important;
    opacity: 1;
    margin: 8px 0px;
}

.logo-text p {
    margin-bottom: initial;
    font-family: "Roboto Slab";
}

.container-menu-secondaire {
    padding: 0px !important;
}

.header-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.icon-menu {
    width: 25px;
}
.show {
    transform: none !important;
}
.header-link-list {
    margin-right: 10px;
}
.navbar-custom {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.logo-container,
.image-brand-container,
.desc-container,
.header-links-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.responsive-links {
    justify-content: center;
}

.responsive-menu {
    display: none !important;
}

.sticky-navbar {
    position: sticky;
    z-index: 1000;
    transition: background-color 0.3s ease;
    background-color: white;
    top: env(safe-area-inset-top, 0);
    padding-top: env(safe-area-inset-top, 0);
}

.logo-hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.logo-visible {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 992px) {
    .responsive-menu {
        display: flex !important;
        flex-direction: row;
    }
    .contact-btn-desktop {
        display: none;
    }
    #contact-btn-header {
        padding: 0.5rem 1rem;
        box-shadow: none;
    }

    .navbar-custom {
        flex-wrap: wrap;
    }

    .desc-container {
        flex-basis: 100%;
        order: 1;
        text-align: center;
        margin-bottom: 30px;
    }

    .header-links-container {
        display: none;
    }

    .logo-container,
    .image-brand-container,
    .header-links-container {
        flex: 1;
    }

    .header-link-list {
        display: flex !important;
        flex-direction: row;
    }

    .dropdown.nav-item .dropdown-menu-animation {
        transform: none !important;
    }

    .show {
        height: auto !important;
        background-color: white !important;
        overflow-y: scroll !important;
        transform: translateY(1px) !important;
    }

    .nav-link .show > .show {
        transform: translateY(1px) !important;
    }

    .img-marque, .social-links {display: none!important;}

    .container-menu-secondaire {
        padding: initial;
        margin: initial !important;
    }

    .container-menu-secondaire ul {
        display:  block !important;
        margin: initial !important;
        padding: initial !important;
    }

    .link-sociaux {
        display: block !important;
        text-align: center;
    }

    .link-sociaux ul {
        display: block !important;
        padding: initial;
    }

    .copyright {
        width: 100% !important;
        text-align: center;
    }

    .responsive-links {
        display: flex;
        padding-left: 1rem;
    }

    .responsive-links .contact {
        box-shadow: none !important;
    }

    header {
        padding: initial;
    }
}


@media (max-width: 550px) {
    .responsive-links {
        display: initial !important;
    }

    .header-link-list {
        margin-right: 10px;
        padding-left: 1rem;
    }

    .contact-header {
        padding-left: 1rem;
    }
}