@import "./loginstyle.css";

.top-header-promo  li > .top-header-a, .top-header-promo .btn-link {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none
}

.top-header-promo .list-inline.mb-0 li > a.dropdown-item {
    color: var(---color-1)
}

.top-header-promo .list-inline.mb-0 li a:hover {
    color: var(--color-2)
}

.top-header-promo .reseau-sociaux a i {
    font-size: 20px;
    padding: 0 5px
}

.facebook i:hover {
    color: #1877F2
}

.youtube i:hover {
    color: red
}

.instagram i:hover {
    color: #C32AA3
}

.navbar-brand {
    height: auto !important
}

.navbar.promohotel .navbar-nav .nav-link {
    color: var(---color-1);
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 500;
    padding: 8px
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu, .list-inline-item .dropdown-menu {
        box-shadow: rgb(0 0 0 / .1) 0 4px 6px -1px, rgb(0 0 0 / .06) 0 2px 4px -1px;
        border-top: 3px solid #2b74fe
    }


}

@media (min-width: 1400px) {
    .navbar.promohotel .navbar-nav .nav-link {
        color: var(---color-1);
        font-size: 16px;
        font-weight: 500;
        padding: 16px
    }
}

@media (max-width: 992px) {
    .mobile-menu .mobile-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        gap: 0;
        backdrop-filter: blur(2rem);
        padding: 1rem;
        box-shadow: 0 0 80px rgb(0 0 0 / .2)
    }

    .mobile-menu .offcanvas-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        padding: 8px
    }

    .mobile-menu .offcanvas {
        height: 100vh
    }

    .mobile-menu .offcanvas .offcanvas-body {
        padding: 0
    }

    .mobile-menu .offcanvas .mobile-menu-section {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        justify-content: unset;
        align-items: center;
        gap: 1rem;
        overflow-y: scroll
    }

    .mobile-menu .offcanvas .mobile-menu-section .title {
        color: #2b74fe;
        font-weight: 600
    }

    .mobile-menu .offcanvas .mobile-menu-section .header-list {
        width: 100%;
        flex-direction: column;
        gap: 0;
        border-top: 1px solid rgb(43 116 254 / .18);
        list-style: none
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list {
        width: 100%;
        padding: 8px 16px
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list:not(:last-child) {
        border-bottom: 1px solid rgb(43 116 254 / .18)
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list .list-item {
        display: unset
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list .d-menu {
        position: relative;
        box-shadow: none;
        padding-left: 20px;
        padding-top: 15px !important;
        visibility: visible;
        opacity: 1;
        display: none;
        list-style: none;
        transition: 0.5s ease-in 0s
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list .d-menu li {
        padding: 1rem 0;
        border-bottom: 1px solid #F3F4F9
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list .d-menu li a {
        color: #1c1c1c
    }

    .mobile-menu .offcanvas .mobile-menu-section .nav-list:hover .d-menu {
        display: block
    }

    .mobile-menu .offcanvas .list-text {
        color: #1c1c1c;
        font-size: 16px
    }

    .mobile-menu .offcanvas .list-text:before {
        background-color: #2b74fe;
        top: 2.5rem
    }

    .mobile-menu .offcanvas .list-text:hover {
        color: #2b74fe
    }
}

.navbar.promohotel .navbar-nav .nav-link:hover {
    color: var(--color-2)
}


.dropdown-menu-right {
    right: -50%;
    left: auto;
}
.position-absolute.my-search-icon {
    right: 16px;
    width: 28px;
    top: 6px
}

header .dropdown:hover > .dropdown-menu {
    display: block
}

header .dropdown > .dropdown-toggle:active {
    pointer-events: none
}

header .dropdown-villes .dropdown-header {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    padding:8px 20px;
    color: #262626;
}

header .dropdown-villes .dropdown-item{
    font-weight: 400;
    font-size: 14px;
    padding:8px 20px;
}
header .dropdown-tous-items.h-75vh.overflow-y-auto{
    max-height:75vh;
    overflow-x:hidden;
    overflow-y:auto
}