/* ==========================================================================
   Header - Styles généraux navbar et en-tête
   ========================================================================== */

/* Hover sur les boutons/liens à l'intérieur de nav-rounded, pas sur le li */
.nav-item.nav-rounded > .btn,
.nav-item.nav-rounded > a,
.nav-item.nav-rounded .dropdown > button {
    transition: background-color 0.3s ease !important;
    border-radius: var(--focus-border-radius) !important;
    border-bottom-right-radius: var(--focus-border-radius-corner) !important;
}

.nav-item.nav-rounded > .btn:hover,
.nav-item.nav-rounded > a:hover,
.nav-item.nav-rounded .dropdown > button:hover {
    background-color: var(--bg-hover);
}

.navbar .nav {
    z-index: 1060;
}

.navbar .nav ul {
    list-style: none;
}

.navbar .nav li {
    list-style: none;
}

.navbar .nav a,
.list-group-item a.link {
    text-decoration: none;
    color: inherit;
}

/* ==========================================================================
   Sticky Menu
   ========================================================================== */

.sticky-menu .menu {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
}

.sticky-menu .content {
    padding-top: 200px;
}

.menu .navbar-brand img {
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.sticky-menu .menu .navbar-brand img {
    height: 40px;
}

/* ==========================================================================
   Search Result
   ========================================================================== */

#SearchResult {
    z-index: 1090;
}

/* ==========================================================================
   Backdrop
   ========================================================================== */

.row.backdrop {
    margin-right: -30px;
    margin-left: -30px;
}

.backdrop {
    box-shadow: 0 2038px 0 2038px rgba(0, 0, 0, .30);
}

/* ==========================================================================
   Highlighting Links
   ========================================================================== */

.nav-link.highlighting,
#NavbarModal a.nav-link.highlighting {
    color: var(--color-primary) !important;
}

.nav-link.highlighting:hover {
    color: #000 !important;
}

#NavbarModal a.nav-link.highlighting:hover {
    color: #4A4B4D !important;
}

.navbar .nav > li:hover > a,
.navbar .nav li.nav-item > a.nav-link:hover:not(.highlighting),
.navbar .nav li.nav-item > ul li > a.nav-link:hover:not(.highlighting),
.navbar .nav div.container a:hover:not(.highlighting),
.vertical-menu li.nav-item > a.nav-link:hover,
.navbar-resp a.nav-link:hover:not(.highlighting),
.list-group-item a.link:hover,
.list-group-item .btn:hover,
.login .login-link a.link:hover {
    color: var(--color-primary) !important;
}

/* ==========================================================================
   Animations
   ========================================================================== */

@keyframes scaling {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 376px) {
    .backdrop {
        box-shadow: 0 2038px 0 2106px #fff;
    }
}

@media (min-width: 376px) and (max-width: 576px) {
    .backdrop {
        box-shadow: 0 2038px 0 2106px #fff;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .backdrop {
        box-shadow: 0 2038px 0 2112px #fff;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .backdrop {
        box-shadow: 0 2038px 0 2112px #fff;
    }
}

@media (max-width: 576px) {
    .menu .navbar-brand img {
        height: 50px !important;
    }

    .sticky-menu .menu .col-search.col-12 {
        order: 0;
        flex: 1 1 0;
        max-width: none;
        min-width: 0;
        margin-left: 0.25rem;
    }

    .sticky-menu .menu .col-navbar-brand,
    .sticky-menu .menu .nav-facilities {
        display: none;
    }

    .sticky-menu .menu .col-id {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding-top: 0 !important;
    }

    .sticky-menu .content {
        padding-top: 100px;
    }

    .sticky-menu #SearchResult {
        margin-top: 4px;
        border: none !important;
    }
}

@media (max-width: 768px) {
    .menu .navbar-brand img {
        height: 50px !important;
    }

    .row.backdrop {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 992px) {
    .menu .navbar-brand img {
        height: 50px !important;
    }

    #SearchResult.bubble-style {
        border: none !important;
        margin-top: 8px;
    }

    #SearchResult.bubble-style::before,
    #SearchResult.bubble-style::after {
        content: none;
    }

    #SearchResult .backdrop-no-result {
        box-shadow: 0 2038px 0 2088px #fff;
    }
}