/*

Theme Name: Child RentalHive

Template: rentalhive

Author: HivePress

Author URI: https://hivepress.io

Theme URI: https://hivepress.io/themes/rentalhive

Description: Child theme for RentalHive by Kevin Capoccetti [carrousel_best_search].

Version: 1.0.0

*/



@import url("variables.css");

/* Fonts */

@font-face {
    font-family: 'Indivisible';
    src: url('./fonts/Indivisible-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Indivisible';
    src: url('./fonts/Indivisible-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Indivisible';
    src: url('./fonts/Indivisible-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Domaine-Display';
    src: url('./fonts/DomaineDisp-Regular.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'Domaine-Display';
    src: url('./fonts/DomaineDisp-Semibold.otf') format('opentype');
    font-weight: 600;
}



/* Css additionnel */

.header-navbar__menu ul li a {
    font-size: 16px;

}

.header-navbar {
    max-height: 80px;
}

.widget_archive li::before,
.widget_categories li::before,
.widget_meta li::before,
.widget_nav_menu li::before,
.widget_product_categories li::before,
.wp-block-archives li::before,
.wp-block-categories li::before {
    display: none;
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_product_categories ul,
.widget_recent_entries ul {
    margin-left: -15px;
    list-style: none;
}

@media screen and (max-width: 470px) {

    .progress-bar {
        display: none;
    }
}

body {
    font-family: 'Indivisible' !important;
}

h1 {
    font-weight: 600 !important;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 500 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
fieldset legend,
.header-logo__name,
.comment__author,
.hp-review__author,
.hp-message--view-block hp-message__sender,
.woocommerce ul.product_list_widget li .product-title,
.editor-post-title__block,
.editor-post-title__input {
    font-family: 'Indivisible' !important;
}

.is-ajax-search-details a:hover,
.is-ajax-search-result a:hover {
    text-decoration: none !important;
    color: #a0ddff !important;
}

/* Yoast Breadcrumb */

.yoast-breadcrumbs a,
#breadcrumbs a {
    color: rgba(15, 23, 39, .65);
}

.yoast-breadcrumbs span.breadcrumb_last,
#breadcrumbs span.breadcrumb_last {
    text-decoration: underline;
}

/* GENERAL */

.site-content.has-wp-hero-block {
    padding-top: 0 !important;
}

.box-img-fit {

    position: relative;

    overflow: hidden;

    min-height: 200px;



    img {

        position: absolute;

        object-fit: cover;

        width: 100%;

        height: 100%;

        object-position: center;

    }

}



.pt-10 {

    padding-top: 6rem;

}



.pb-10 {

    padding-bottom: 6rem;

}



.pt-5 {

    padding-top: 3rem;

}



.pb-5 {

    padding-bottom: 3rem;

}



.pl-1 {

    padding-left: 1rem;

}



.bg-blue-1 {

    background-color: var(--c-blue-1);

}



.bg-blue-2 {

    background-color: var(--c-blue-2);

}



.bg-blue-3 {

    background-color: var(--c-blue-3);

}



.blue-stick {

    background-color: var(--c-blue-1);

    border-radius: 20px;

    height: 3px;

    display: block;

    margin-bottom: 10px;

    margin-top: 20px;

    width: 300px;

}



.black-stick {

    background-color: var(--c-black);

    border-radius: 20px;

    height: 3px;

    display: block;

    margin-bottom: 10px;

    margin-top: 20px;

    width: 300px;

}



.overlay-bg::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    transition: var(--t-slow);

    z-index: 1;

}

.overlay-bg:hover::after {
    background: rgba(0, 0, 0, 0.3);
}


/* SLICK BTN */

.slick-btn-1 {

    color: rgba(15, 23, 39, .85);

    background: transparent;

    border: none;

    font-size: 20px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

    background: var(--c-blue-1);

    height: 50px;

    width: 50px;

    border-radius: 50%;

    cursor: pointer;

}



.slick-prev-btn-1 {

    left: -10px;

}



.slick-next-btn-1 {

    right: -10px;

}



/* HEADER */


.header-logo {
    width: 70px;
}


.header-layer {
    width: 100%;
    height: 80px;
    display: none;
}

body.home-page .header-layer {
    display: block;
}

@media screen and (max-width: 1199px) {
    .header-logo-desktop {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    .header-logo-mobile {
        display: none;
    }
}

/* NAV */

body.home-page .header-navbar {
    position: fixed !important;
    z-index: 9999;
    background: white;
    width: 100%;
}

.header-navbar__menu>ul {
    height: 100%;
}

nav.header-navbar__menu ul li.menu-item-has-children.parent a {
    cursor: pointer;
}

nav.header-navbar__menu ul.menu>li>a {
    color: rgba(15, 23, 39, .65) !important;
    position: relative;
    z-index: 15;
}

nav.header-navbar__menu ul.menu>li:not(.xoo-wsc-menu-item):not(.menu-item--user-account)::before {
    content: '';
    width: 100%;
    height: 40px;
    background-color: #eee;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    opacity: 0;
    transition: .3s all;
    pointer-events: none;
    transform: translateY(-50%);
    border-radius: 12px;
}

nav.header-navbar__menu ul.menu>li.menu-item-has-children.parent.active::before,
nav.header-navbar__menu ul.menu>li:not(.xoo-wsc-menu-item):not(.menu-item--user-account):hover::before {
    opacity: 1;
}

nav.header-navbar__menu ul>li.menu-item--user-account>a {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.0), 0 1px 2px -1px rgb(0 0 0 / 0.0);
    transition: .3s all;
}

nav.header-navbar__menu ul>li.menu-item--user-account>a:hover,
nav.header-navbar__menu ul>li.menu-item--user-account.active>a {
    box-shadow: 0 1px 3px 0 rgba(17, 16, 16, 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}


.header-navbar__menu ul li.menu-item-has-children::after {
    position: relative;
    z-index: 15;
}

#menu-header-v2-1 .xoo-wsc-sc-bkcont {
    margin-bottom: -5px;
}

.hp-menu__item.hp-menu__item--user-account svg {
    width: 1.25rem;
    height: 1.25rem;
    color: #d0d5df;
    pointer-events: none;
}

.hp-menu__item.hp-menu__item--user-account img {
    border-radius: 999px;
    pointer-events: none;
}

.header-navbar__menu ul li.menu-item--last.menu-item-has-children::after {
    display: none;
}

.header-navbar__menu ul li.menu-item--last.menu-item-has-children>a {
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #d0d5df;
    border-radius: 999px;
}

.header-navbar__end a.hp-menu__item--listing-submit.button.button--primary:hover {
    color: #fff;
    opacity: 0.9;
}

/* Navbar home page search bar toggle */

#searchbar-menu .hp-form--listing-search {
    margin: 0 !important;
    padding: 0.75rem !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #DDDDDD;
    min-width: 700px;
}

#searchbar-menu .hp-form--primary .hp-form__button span::after {
    font-size: 18px;
}

.header-navbar__burger-with-search {
    margin-right: 3rem !important;
}


@media only screen and (min-width: 48em) {
    #searchbar-menu .hp-form--primary .hp-form__button {
        height: 2.5rem;
        width: 2.5rem;
    }

    #searchbar-menu .hp-form--primary input {
        height: 2.5rem !important;
    }


    #searchbar-menu .hp-form__field--location i.fa-location-arrow {
        font-size: 18px !important;
        margin-top: 0 o !important;
    }
}

/* Cart in navbar (only for loggedin) */

.xoo-wsc-sc-cont {
    display: none !important;
}

.logged-in .xoo-wsc-sc-cont {
    display: block !important;
}

/* NAV MOBILE  */

.hp-menu--site-header .hp-menu__item--listing-submit i {
    width: 24px;
    height: 24px;
}

/* NAV BURGER */

.header-navbar__burger>ul {
    padding: 0 !important;
    background-color: #000000cc !important;
}

.header-navbar__burger>ul::before {
    display: none !important;
}

.header-burger-container {
    width: 312px;
    background-color: #fff;
    padding: 2rem;
    min-height: 100%;
}

/* Item menu burger menu */

.header-burger-container .menu-item--user-account.menu-item--first,
.header-burger-container .menu-item--user-login.menu-item--first {
    display: none !important;
}

body.logged-in .header-burger-container .menu-item--user-account.menu-item--last,
body.logged-in .header-burger-container .menu-item--user-login.menu-item--last {
    display: block !important;
}

.header-navbar__burger ul li:not(:last-child) {
    margin-bottom: 1.5rem !important;
}

.header-navbar__burger ul li.menu-item-has-children::after {
    color: #000 !important;
    transform: rotate(90deg) !important;
    top: 4px !important;
}

.header-navbar__burger ul li a {
    position: relative;
    z-index: 1;
}

.header-navbar__burger ul li.menu-item-has-children.parent>a {
    pointer-events: none;
}

.header-navbar__burger ul li.menu-item:not(.menu-item--last):not(.xoo-wsc-menu-item)::before {
    content: "";
    display: block;
    height: 40px;
    width: calc(100% + 24px);
    background-color: #eee;
    border-radius: 12px;
    position: absolute;
    left: -12px;
    top: -7px;
    opacity: 0;
    transition: .3s all;
}

.header-navbar__burger ul li.menu-item.active::before,
.header-navbar__burger ul li.menu-item:hover::before {
    opacity: 1 !important;
}

.header-navbar__burger ul>li.menu-item--user-account>a {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.0), 0 1px 2px -1px rgb(0 0 0 / 0.0);
    transition: .3s all;
}

.header-navbar__burger ul>li.menu-item--user-account>a:hover,
.header-navbar__burger ul>li.menu-item--user-account.active>a {
    box-shadow: 0 1px 3px 0 rgba(17, 16, 16, 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.header-navbar__burger ul li.menu-item-has-children.active::after {
    color: #c3cad6 !important;
    transform: rotate(-90deg) !important;
}

body.logged-in .header-burger-container .menu-item--user-account.menu-item--last>a {
    width: 100%;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #d0d5df;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

body.logged-in .header-burger-container .menu-item--user-account.menu-item--last::after {
    display: none !important;
}


.header-navbar__burger ul li ul.sub-menu {
    margin-top: 1.5rem !important;
}

.header-navbar__burger ul.sub-menu li.menu-item {
    padding-right: 2rem;
}

.header-navbar__burger ul.sub-menu li.menu-item::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    content: '\f061';
    color: #000;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: .2rem;
    transition: transform .25s;
}

/* Change order for not logged-in users */

body:not(.logged-in) .header-navbar__burger .header-burger-container {
    display: flex;
    flex-direction: column;
}

body:not(.logged-in) .header-burger-container li#menu-item-2854 {
    order: 1;
}

body:not(.logged-in) .header-burger-container li#menu-item-2855 {
    order: 2;
}

body:not(.logged-in) .header-burger-container li#menu-item-2998 {
    order: 3;
}

body:not(.logged-in) .header-burger-container li#menu-item-2971 {
    order: 4;
}

/* Register button */
body:not(.logged-in) .header-burger-container li#menu-item-2854 a {
    padding: 0.75rem 1.75rem;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    background-color: #a0ddff;
    border-radius: 12px;
    font-weight: 600;
    color: #fff;
}

/* Cart burger */

.header-burger-container .xoo-wsc-cart-trigger {
    display: block;
}

.header-burger-container .xoo-wsc-sc-bkcont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.header-burger-container .xoo-wsc-sc-bkcont::before {
    content: "Panier";
    color: rgba(15, 23, 39, .65);
    width: 100%;
}

/* Dark opacity overlay */
.burger-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 9995;
    opacity: 0.4;
}

/* Side cart */

.xoo-wsc-container {
    width: clamp(50%, 100%, 312px);
}

/* SEARCH FORM */

.hp-form--primary {
    border-radius: 68px !important;
}

@media screen and (max-width: 768px) {
    .hp-form--primary {
        border-radius: 24px !important;
    }
}

.menu-item--user-login {
    display: none !important;
}

.hp-field--location input[type='text'] {
    width: 100% !important;
    padding: 10px 10px 10px 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    font-family: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 1rem !important;
    background-color: transparent !important;
    line-height: 1.5 !important;
    height: 3rem !important;
}

.hp-form__field--search input[type='search'] {
    width: 100% !important;
    padding: 10px 10px 10px 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    font-family: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 1rem !important;
    background-color: transparent !important;
    line-height: 1.5 !important;
    height: 3rem !important;
}

/* .hp-form--primary .hp-form__button {
    background-color: #ff5e5e!important;
    border: none!important;
    border-radius: 20px!important;
    color: white!important;
    padding: 10px 20px!important;
    cursor: pointer!important;
    width: 3.5rem!important;
    height: 2.5rem!important;
} */

.searchbar-hero .hp-form__field input[type='search'] {
    width: 100% !important;
    padding: 10px 10px 10px 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    font-family: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 1rem !important;
    background-color: transparent !important;
    line-height: 1.5 !important;
    height: 3rem !important;
}

.searchbar-hero .hp-form__field input[type='text'] {
    width: 100% !important;
    padding: 10px 10px 10px 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    font-family: inherit !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 1rem !important;
    background-color: transparent !important;
    line-height: 1.5 !important;
    height: 3rem !important;
}

.hp-form__field--search i {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
    color: #ccc;
}

.hp-form__field--location i {
    position: absolute;
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
    color: #ccc;
}

.hp-form__field--location i.fa-location-arrow {
    margin: 1px 0 0 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3267507686668417) 0%, rgba(255, 255, 255, 0.710504270067402) 7%, rgba(255, 255, 255, 0.9233894241290266) 19%, rgb(255, 255, 255) 34%);
    padding: 0.5rem;
    border-radius: 999px;
}

.hp-form__field--location {
    position: relative;
    flex: 1;
}

.hp-form__field--search {
    position: relative;
    flex: 1;
    margin-right: 10px;
}

.ui-autocomplete {
    background-color: #fff !important;
    border: 2px solid #ccc !important;
    border-radius: 15px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.ui-menu-item:hover {
    background-color: #fff !important;
    border: none !important;
}

.ui-autocomplete li:hover {
    background-color: #fff !important;
}

.ui-autocomplete li.no-results-message {
    pointer-events: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none !important;
    background: #fff !important;
    font-weight: normal;
    color: #000 !important;
}

.ui-widget {
    font-family: 'Indivisible' !important;
}

.hp-form--listing-search {
    margin-top: 20px !important;
}

.is-ajax-search-result {
    top: 491.763px;
}

@media screen and (min-width:992px) {
    .is-ajax-search-result {
        top: 491.763px !important;
    }
}

#is-ajax-search-result-837,
#is-ajax-search-details-837 {
    border-radius: 13px !important;
}

.is-ajax-search-items {
    border-radius: 13px !important;
}


.eb-wrapper-outer.eb-wrapper-ezmal {
    margin-top: 0px !important;
}

/* HOME PAGE */

.page-home-mikam {

    .hero {

        display: flex;

        align-items: center;

        justify-content: center;

        min-height: 480px;

        background-size: cover !important;

    }

}


/* Categories list under header */

.categories_subnavigation {
    position: fixed;
    top: 80px;
    z-index: 10;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 0.25rem 0;
}

.categories_list {
    padding: 0.75rem 0;
}

.categories_list .slick-slide a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    width: fit-content;
    margin: 0 auto;
}

.categories_list img.category_list-icon {
    height: 2rem;
    width: 2rem;
}

.categories_list h4 {
    font-size: 0.750rem;
    margin: 0;
    transition: .3s all;
}

.categories_list .slick-slide a:hover h4 {
    color: #a0ddff;
}

/* WHY CHOOSE US */

.why-mikam {

    position: relative;

}



/* LISTING CAT SLIDER ANNONCE */

.box-cat-slider {

    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: var(--t-slow);
    width: 380px;
    height: 300px;
    margin: 0 15px;

    p,
    a,
    div,
    strong,
    h3 {
        color: var(--c-white);
        opacity: 1;
    }



    .tag-cat-count-annonce {

        background: #808080a3;

        padding: 5px 10px;

        width: max-content;

        border-radius: 15px;

    }



    .content-box-cat-slider-annonce {

        position: relative;
        z-index: 3;
        height: 100%;
        /* display: grid; */
        /* grid-template-rows: 70% 30%; */
        display: flex;
        flex-direction: column;

        padding: 24px;

    }

    .hp-listing-category__item-count {
        flex-grow: 1;
    }

    .hp-listing-category__name {
        font-size: 135%;
    }

    .hp-listing-category__description {
        font-size: 90%;
        line-height: 1.25;
    }
}

@media screen and (max-width: 1024px) {
    .box-cat-slider {
        height: 200px;

        .hp-listing-category__name {
            font-size: 100%;
            margin-bottom: 0 !important;
        }

        .hp-listing-category__description {
            display: none;
        }
    }
}

/* CUSTOM SINGLE ANNONCE */

.hp-listing__topbar .regular__price {
    display: none !important;
}

.hp_listing-template-default .hp-section .hp-section__title {
    margin-top: 3rem !important;
}

.hp-listing--view-page .hp-page__title:not(:last-child),
.hp-listing--view-page .hp-section__title:not(:last-child) {
    margin-top: 3rem !important;
}

.hp-page__content .hp-section__title {
    font-size: 1.5rem !important;
}

.hp-page__content .hp-section__title::before {
    background-color: #dadada !important;
    width: 100% !important;
    height: 1px !important;
    left: 0 !important;
    top: -1rem !important;
    border-radius: 0 !important;
    background-image: unset !important;
}

.hp_listing-template-default .hp-listing__description {
    font-size: 0.875rem;
    margin-bottom: 2rem !important;
}

.hp_listing-template-default .disable-current-vendor .hp-form__button {
    filter: grayscale(100);
    pointer-events: none;
}

.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute {
    display: flex;
    gap: 0.5rem;
}

.hp-listing--view-page img.attribute-icon {
    width: 24px;
    height: 24px;
}

/* Responsive and sticky booking button */

.mobile-booking {
    display: none;
}

.close-bookings-details {
    display: none;
}

.hp-listing__actions.hp-listing__actions--primary {
    margin-top: 2rem;
}

.booking-notice {
    color: #da2727;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .booking-details {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        padding: 2rem;
        background: #fff;
        z-index: 100;
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }

    .hp_listing-template-default .site-container {
        overflow: unset !important;
    }

    .mobile-booking {
        position: fixed;
        width: 100%;
        bottom: 0;
        display: flex;
        background-color: #fff;
        padding: 1rem;
        margin: 0 -2rem;
        justify-content: center;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        box-shadow: 0 -3px 6px -1px rgba(0, 0, 0, 0.1), 0 1px 4px -2px rgba(0, 0, 0, 0.1);
        z-index: 10;
    }

    body.hp_listing-template-default footer {
        padding-bottom: 7rem !important;
    }

    .close-bookings-details {
        display: flex;
        margin-bottom: 1rem;
        justify-content: flex-end;
    }

    .close-bookings-details button {
        box-shadow: unset;
        border: none;
        background: transparent;
        padding: 0.5rem;
        line-height: 1;
        display: flex;
    }

    .close-bookings-details svg {
        width: 24px;
        height: 24px;
        stroke: rgba(15, 23, 39, .65);
    }

    .hp-listing__actions.hp-listing__actions--primary {
        margin-top: 0;
    }
}


/* RESPONSIVE */

@media only screen and (max-width: 480px) {

    .pl-1 {

        padding-left: 0;

    }



    .pb-10 {

        padding-bottom: 3rem;

    }



    .pt-10 {

        padding-top: 3rem;

    }



    .pt-5 {

        padding-top: 1.2rem;

    }



    .pb-5 {

        padding-bottom: 1.2rem;

    }

}


/* Style du conteneur du menu */
.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    /* Couleur de fond */
    border: 1px solid #ddd;
    /* Bordure */
    border-radius: 4px;
    /* Coins arrondis */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    /* Ombre */
}

/* Style des éléments de la liste */
.ui-autocomplete li {
    padding: 8px 12px;
    /* Espacement intérieur */
    cursor: pointer;
    list-style-type: none;
    /* Supprime les puces */
}

/* Style des éléments au survol */
.ui-autocomplete li:hover {
    background-color: #f0f0f0;
    /* Couleur de fond au survol */
}

/* Style de l'élément sélectionné */
.ui-autocomplete .ui-state-focus {
    background-color: #e9e9e9;
    /* Couleur de fond de l'élément sélectionné */
}


/* Style pour la barre de recherche */
.search-bar {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Style pour le conteneur d'entrée */
.input-container {
    position: relative;
    flex: 1;
    margin-right: 10px;
}

.input-container i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
}

.input-container .fa-briefcase {
    left: 10px !important;
}

.input-container .fa-map-marker {
    left: 10px !important;
}

.input-container .get-location {
    right: 10px !important;
    cursor: pointer;
}

.input-container input {
    width: 100%;
    padding: 10px 10px 10px 30px;
    border: 1px solid #ccc;
    border-radius: 20px;
}

.input-container input:focus {
    outline: none;
    border-color: #ff5e5e;
}

/* Style pour le bouton de recherche */
#search-button {
    background-color: #ff5e5e;
    border: none;
    border-radius: 20px;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
}

#search-button i {
    font-size: 16px;
}

/* Style pour les résultats d'autocomplétion */
.ui-autocomplete {
    background-color: #fff !important;
    border: none !important;
    border-radius: 15px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.ui-menu-item {
    padding: 10px;
    cursor: pointer;
    transition: none !important;
}

.ui-menu-item:focus {
    transition: none !important;
}

.ui-menu-item:hover {
    background-color: #f0f0f0;
    border: none !important;
}

.ui-state-focus {
    background-color: #fff !important;
    border: none !important;
}

.ui-menu .ui-menu-item-wrapper {
    font-weight: 600 !important;
    transition: none !important;
    color: #0f1727a6 !important;
}

.ui-menu-item-wrapper.ui-state-active {
    /*color: #d6f1ff!important;*/
    color: #A0DDFF !important;
    background-color: #fff !important;
    transition: none !important;
    outline: none !important;
    margin: 0 !important;
}

/* Style pour le message "Aucune réponse trouvée" */
.no-results-message {
    padding: 10px;
    color: #c1c8d5;
    font-weight: bold;
}

.is-ajax-search-categories-details>div:hover,
.is-ajax-search-result .is-ajax-search-post:hover,
.is-ajax-search-result .is-show-more-results:hover,
.is-ajax-search-tags-details>div:hover {
    background: #fff !important;
}

.is-ajax-search-details a:hover,
.is-ajax-search-result a:hover {
    text-decoration: none !important;
    color: #a0ddff !important;
}

.is-ajax-search-post,
.is-ajax-search-post-details {
    padding: 5px 11px 3px 11px !important;
    border-bottom: none !important;
}

#is-ajax-search-result-837,
#is-ajax-search-details-837 {
    background-color: none !important;
}

#is-ajax-search-result-837,
#is-ajax-search-details-837 {
    background-color: none !important;
}

div.is-ajax-search-details,
div.is-ajax-search-result {
    background-color: none !important;
}

ul.ui-autocomplete {
    /* top: 355px !important; */
    border-radius: 8px !important;
}

/* My account vendor dashboard sidebar */

.hp-page__sidebar .inner-wrapper-sticky {
    position: static !important;
    transform: unset !important;
}

/* Pages without top padding */

.page-id-1613 .has-no-wp-block,
.home-page .has-no-wp-block {
    padding: 0 !important;
}


/* Add Listing page  */

.select2-container .select2-selection--single {
    height: auto !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
}

.hp-field.hp-field--location {
    position: relative;
}

ol li:not(:last-child),
ul li:not(:last-child) {
    margin-bottom: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 0.5rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: white !important;
}

.hp-form--listing-submit .hp-form__field:not(:last-child),
.hp-form--user-update .hp-form__field:not(:last-child),
.hp-form--user-update-profile .hp-form__field:not(:last-child),
.hp-form--listing-update .hp-form__field:not(:last-child) {
    margin-bottom: 2.5rem !important;
}

.select2-results #select2-order_requirements66d28204d3678type-w3-results li:first-child,
.select2-results #select2-order_requirements66d28204d3678type-w3-results li:last-child {
    display: none !important;
}

.select2-results #select2-order_requirements66d2825343463type-zj-results li:first-child,
.select2-results #select2-order_requirements66d2825343463type-zj-results li:last-child {
    display: none !important;
}

.hp-field__label {
    font-size: 0.875rem !important;
}

.hp-form--listing-submit .hp-form__field.hp-form__field--checkbox:not(:last-child) {
    margin-bottom: 0.5rem !important;
}

/* Login in / Sign up Google button */

.hp-form__header .hp-social-links .gsi-material-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
    border-radius: 9999px;
    font-weight: 500;
    font-size: 1.125rem;
    text-align: center;
    cursor: pointer;
    border: none;
    position: relative;
    line-height: 1.5;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
    background-color: #0d66c2;
    height: auto;
}

.hp-social-links .gsi-material-button .gsi-material-button-content-wrapper {
    justify-content: center !important;
}

.hp-social-links .gsi-material-button .gsi-material-button-contents {
    flex-grow: unset !important;
}

/* Side cart */

.xoo-wsc-img-col {
    display: none !important;
}

.xoo-wsc-sum-col {
    padding-left: 0 !important;
}

/* Cartflows checkout */

ul.wc_payment_methods {
    background-color: transparent !important;
}

.wc-stripe-banner-checkout {
    display: none !important;
}

.payment_box.payment_method_stripe_cc {
    margin-top: 1rem !important;
}

ul.wc_payment_methods li:not(:first-child) {
    margin-top: 1rem !important;
}

.cartflows-container .alignfull {
    left: unset;
    right: unset;
    background: #f8f6f8;
}

.wc-stripe-card-icons-container {
    display: flex;
    gap: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li img {
    width: 15%;
}

.woocommerce-checkout #payment ul.payment_methods li .wc-stripe-card-icons-container {
    margin-top: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li .wc-stripe-card-icons-container img:first-child {
    margin: 0;
}

.woocommerce-checkout #payment ul.payment_methods li>input {
    display: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li>div {
    background-color: rgb(225, 244, 255) !important;
    margin-top: -1rem !important;
    padding-top: 1.5rem !important;
}

.woocommerce-checkout #payment ul.payment_methods li>div img {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods li .wc-stripe_cc-container input:last-child {
    margin-left: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li .wc-stripe-saved-methods-container {
    margin-top: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li select {
    background: #fff;
    padding: 0.5rem;
    width: 100%;
    border-radius: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li>input:checked~label {
    background: #a0ddff;
}

.woocommerce-checkout #payment ul.payment_methods li>label {
    width: 100%;
    display: block;
    background-color: #eee;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.75rem;
    font-weight: 600;
    position: relative;
    z-index: 1;
}


/* Responsive */

@media only screen and (min-width: 1540px) {
    .container {
        width: 1500px !important;
    }

    .home-page div.site-container {
        position: relative;
        z-index: 1;
    }

    /* .home-page .ui-widget.ui-widget-content {
        top: calc(354px + 2rem) !important;
    } */

    /* .home-page .pac-container {
        margin-top: 2rem;
    } */
}

@media only screen and (max-width: 74.99em) {

    #searchbar-menu,
    .header-navbar__menu,
    .header-navbar__burger-with-search {
        display: none !important;
    }


}