/*** PAGE HEADER ***/
div#logo img {
    vertical-align: initial;
    width: 275px; /* Taille normale du logo */
    object-fit: contain;
    filter: var(--logo-filter);
}

body {
    font-weight: 400 !important;
}



/*** Remove capitalizer Menu Mobile  ***/
.mobile-menu .user-navbar-container a {
    text-transform: none !important;
}

.mobile-menu .account-menu-content a {
    text-transform: none !important;
}

/*** Top Header color  ***/
@media screen and (min-width: 768px) {
    header.page-header div.top-header {
        position: relative;
        height: 0px!important;
        margin-bottom: 24px;
        background-color: #ffffff !important;
        z-index: 150;
        transition: none !important;
    }
 }

/*** Color Map Marker ***/
.marker-label > span {
    background: #00285a !important;
    color: white;
    }

 .marker-label > span:before {
      border-color: #00285a transparent transparent transparent !important; }
.leaflet-custom-popup_label-style .leaflet-popup-content-wrapper {
    border: 2px #00285a solid !important; }
  .leaflet-custom-popup_label-style .leaflet-popup-close-button {
    background: #00285a !important;
   }

.marker-cluster div {
  box-shadow: inset 0 0 0 30px #00285a, 0 0 0 4px rgba(0, 0, 0, 0.2) !important;
 }


/*** TAILLE PAYMENT GATEWAYS ***/



#payment_gateways li img {
    height: 25px;
    width: auto;
}

.shc-payment-gateways img {
    height: 25px;
    width: 100% !important;
}

/* PAYMENT GATEWAYS END ***/


/*** Mask call buton small ico on list ***/


li.call-owner,
span.call-owner,
li.add-to-cart,
span.add-to-cart {
    display: none !important;
}



/*** NOTIFICATIONS ***/



div.notification.error > div > div.message {
    background: #fdebf0 !important;
    color: #c5283d !important;
}

/*** NOTIFICATIONS END ***/





/* h1 */
h1 {
    font-size: 2em !important;
    font-weight:500 !important;

}

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
   
    h1 {
        font-size: 1.65em !important;
    }

}





/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
   
  
    .carousel .carousel-slide-heading {
        font-size: 21px !important;
        line-height: 26px;
    }

    
    body.home-page section.content_block > h3 {
        font-size: 1.65em !important;
    }
   
    
}



@media (max-width: 767px) {

    div#logo img {
        vertical-align: initial;
        width: 190px !important;
        object-fit: contain;
        filter: var(--logo-filter);
    }
    
    
/*** Taille hamburger menu mobile ***/    
    .main-menu span.menu-button > svg {
        width: 44px !important;
        height: 20px !important;
        margin-left: 5px !important;
    }


 span.mobile-menu-header svg.mobile-close-icon {
        width: 50px !important;
        height: 50px !important;

    }


.mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 300;
        top: 0;
        right: 0;
        max-width: 375px;
        width: 100%;
        min-height: 30vh !important;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--content-background-color);
        box-shadow: 0 0 0 5000px  rgba(17, 17, 17, 0.4);
        transition: background var(--duration) var(--timing);
    }
}

/*** Taille Icones menu mobile ***/   
.circle > .default {
    line-height: 40px !important;
    padding: 0 10px !important; /* Espace entre icones */
    align-items: center !important;
    fill: var(--top-navigation-selector-color) !important;
}


@media (max-width: 370px) {

    div#logo img {
        width: 170px !important;
    }
}


 

/*** PAGE HEADER ***/
div#logo img {
    vertical-align: initial;
    width: 275px; /* Taille normale du logo */
    object-fit: contain;
    filter: var(--logo-filter);
}


/*** Remove capitalizer Menu Mobile  ***/
.mobile-menu .user-navbar-container a {
    text-transform: none !important;
}

.mobile-menu .account-menu-content a {
    text-transform: none !important;
}

/*** Top Header color  ***/
@media screen and (min-width: 768px) {
    header.page-header div.top-header {
        position: relative;
        height: 0px!important;
        margin-bottom: 24px;
        background-color: #ffffff !important;
        z-index: 150;
        transition: none !important;
    }
 }

/*** Color Map Marker ***/
.marker-label > span {
    background: #00285a !important;
    color: white;
    }

 .marker-label > span:before {
      border-color: #00285a transparent transparent transparent !important; }
.leaflet-custom-popup_label-style .leaflet-popup-content-wrapper {
    border: 2px #00285a solid !important; }
  .leaflet-custom-popup_label-style .leaflet-popup-close-button {
    background: #00285a !important;
   }

.marker-cluster div {
  box-shadow: inset 0 0 0 30px #00285a, 0 0 0 4px rgba(0, 0, 0, 0.2) !important;
 }



/*** TAILLE PAYMENT GATEWAYS ***/
ul#payment_gateways li {
    width: 250px !important;
    height: 90px !important;
}

/* PAYMENT GATEWAYS END ***/


/*** Mask call buton small ico on list ***/


li.call-owner,
span.call-owner,
li.add-to-cart,
span.add-to-cart {
    display: none !important;
}



/*** NOTIFICATIONS ***/



div.notification.error > div > div.message {
    background: #fdebf0 !important;
    color: #c5283d !important;
}

/*** NOTIFICATIONS END ***/





/* h1 */
h1 {
    font-size: 2em !important;
    font-weight:500 !important;

}

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
   
    h1 {
        font-size: 1.814em !important;
    }

}

/*** END MOBILE VIEW ***/

button.call-owner {

    border: 1px solid var(--button-color);
    background-color: var(--button-color);
    height: 44px;
    padding: 0 20px 0;
    color: var(--button-text-color);
    font-size: 15px;
    font-family: "Geologica", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 8px;
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

button.call-owner svg {
    margin-right: 8px; /* Espace entre l'icône et le texte */
}

button.call-owner:hover {
    background-color: var(--button-hover-color);

}

button.call-owner:active {
    background-color: var(--button-color);
}



/*** PRICE***/

div.listing-details div.price-tag > span {
    font-size: 1.714em;
    font-weight: 500;
    color: var(--body-font-color);
}

/*** END PRICE ***/


a.button.login,
a.contact-owner.button {
    border: 1px solid var(--button-contact-owner-color) !important;
    background-color: transparent;
    height: 44px;
    padding: 0 20px;
    color: var(--button-text-color);
    font-size: 15px;
    font-family: "Geologica", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 8px;
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: none !important;
    
}

a.button.login svg,
a.contact-owner.button svg {
    margin-right: 8px;
    filter: var(--contact-owner-icon-filter); /* Filtre appliqué au survol */
}

a.button.login:hover svg,
a.contact-owner.button:hover svg {
    filter: none; /* Filtre normal */
}

a.button.login:hover,
a.contact-owner.button:hover {
    background-color: var(--button-contact-owner-hover-background);
    color: var(--button-contact-owner-hover-text-color);
    box-shadow: none !important;
    filter: none;
    
}

a.button.login:active,
a.contact-owner.button:active {
    background-color: var(--button-color);
    box-shadow: none !important;
}



/*** Notice messaage color ***/

.notice_message {
    color: var(--notice-message);
}

/*** End Notice messaage color ***/



/*** Size header Banner

div#header-banner {
    width: 1018px !important;
    height: 250px !important;
}
***/

div.banner-space {
    background-color: var(--banner-space-background);
    box-shadow: none !important;
    font-size: 1.125em;
}

/*** End Banner***/



/*** Font Size on Booking Form ***/

@media (max-width: 767px) {

#booking_calendar td.calendar_td > div > span.day-price {
    font-size: 0.713em !important;
}
}

.booking_notices {
    padding: 10px 20px 40px !important;
}

@media (max-width: 768px) { /* Ajuste 768px si nécessaire */
    div.shc-group.mb-4 {
        margin-left: 30px; /* Ajuste la valeur selon l'espacement souhaité */
        margin-right: 30px;
    }
}
/*** eend booking ***/

/* Style bouton add to cart */
#shc-item-1417.button.w-100.add-to-cart.text-center.mb-3 {
    background-color: #002048;
    color: #ffffff;
    border: none;
    box-shadow: none;
}

/* Style hover add to cart */
#shc-item-1417.button.w-100.add-to-cart.text-center.mb-3:hover {
    background-color: #6782b0;
    color: #ffffff;
}

/* Filtre ico and title */
.categoryFilter h3 {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20stroke%3D%22%23001836%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C/g%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M4%205H7M14%205L20%205M14%205C14%203.89543%2013.1046%203%2012%203C10.8954%203%2010%203.89543%2010%205C10%206.10457%2010.8954%207%2012%207C13.1046%207%2014%206.10457%2014%205ZM10%2012H16M16%2012C16%2013.1046%2016.8954%2014%2018%2014C19.1046%2014%2020%2013.1046%2020%2012C20%2010.8954%2019.1046%2010%2018%2010C16.8954%2010%2016%2010.8954%2016%2012ZM4%2012H7M11%2019H20M6%2017C7.10457%2017%208%2017.8954%208%2019C8%2020.1046%207.10457%2021%206%2021C4.89543%2021%204%2020.1046%204%2019C4%2017.8954%204.89543%2017%206%2017Z%22%20stroke%3D%22%23001836%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: left center;
    padding-left: 30px;
    font-weight: bold;
}


/* Case forfait backgound */
.frame.clearfix {
    background-color: var(--content-background-color) !important; /* Change la couleur de fond ici */
   
}
/* End Case forfait backgound */



/* Space carousel mobile view */
@media (max-width: 575px) {
    .f-carousel__viewport {
        padding: 0 10px;
    }   

.listings_carousel .f-carousel__slide_item,
.listings_carousel .carousel__slide_item {
    flex: 0 0 50% !important;
    width: 100% !important;
    max-width: 50% !important;
}

}
/* End Space carousel mobile view */


.f-carousel__viewport {
    overflow: visible !important; /* Permet aux ombres de dépasser */
    clip-path: inset(0% -1.7% -50% -1.7%); /* Étend la zone visible en % */
}

@media (max-width: 768px) {
  #homeCarousel {
    display: none;
  }
}

  .header-tabs .search-block-content {
        padding: 0px 0 0px 0;
    }


/* categories carrousel */
.categories__block {
  background: #00285a;
}

.categories__container {
  max-width: 1440px;
  margin: 0 auto; }

.categories__item {
  padding: 0 !important; }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .categories__item.col-4 {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }
  .categories__item:hover {
    background: #ffbb00; }
  .categories__item_active {
    background: #001d33 !important; }

.categories__link {
    color: #ffffff !important;
    display: block;
    padding: 51px 10px 0;
    height: 100px;
    font-size: 0.90em !important;
    font-weight: 400;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;

}

.categories__link:hover {
    color: #00285a !important; /* Changer la couleur du texte */
}

  .categories__link svg {
    fill: white;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 19px; }
    .categories__link svg > * {
      stroke: white;
      stroke-width: 1.6px; }

.categories__link:hover svg {
    fill: #00285a; /* Changer la couleur de remplissage */
}

.categories__link:hover svg > * {
    stroke: #00285a; /* Changer la couleur du contour */
}



.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .owl-carousel {
      margin: 0 40px; } }
  .owl-carousel.owl-hidden {
    overflow: hidden; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    backface-visibility: hidden; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    float: left;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-nav.disabled {
    display: none; }
  .owl-carousel .owl-prev,
  .owl-carousel .owl-next {
    position: absolute;
    cursor: pointer;
    color: white;
    font-size: 1.571em;
    width: 40px;
    height: 100%;
    right: 100%; }
    .owl-carousel .owl-prev:before,
    .owl-carousel .owl-next:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -9px;
      margin-left: -4.5px;
      width: 9px;
      height: 16px;
      background: url("../img/gallery.png") -24px -700px no-repeat; }
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
        .owl-carousel .owl-prev:before,
        .owl-carousel .owl-next:before {
          background-image: url(../img/@2x/gallery2.png);
          background-size: 40px auto;
          background-position: -22px -587px; } }
  .owl-carousel .owl-next {
    right: auto;
    left: 100%;
    transform: scaleX(-1); }

body[dir=rtl] .owl-prev {
  right: auto;
  left: 100%;
  transform: scaleX(-1); }

body[dir=rtl] .owl-next {
  left: auto;
  right: 100%;
  transform: none; }
/* categories menu end */
/*** PAGE HEADER END ***/

section.statistics ul.counters {
    display: none;
}

/* Forcer l'alignement justifié */
ul.seller-info li.about {
    text-align: justify !important;
}


/* Conteneur principal */


.qcq-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #00285a; /* Fond violet sombre */
    padding: 1.6rem 9vw; /* Espace horizontal basé sur 10% de la largeur de l'écran */
    height: 230px; /* Hauteur totale du slider */
    color: white;
    box-sizing: border-box;
    gap: 2rem; /* Ajoute un espace fixe entre le texte et l'image */
}

/* Texte à gauche */


.slider-text {
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 38%; /* Limite la largeur du texte à 40% de l'espace total */
    word-wrap: break-word; /* Assure un retour à la ligne si un mot est trop long */
}

.slider-text h1 {
    font-size: 24px !important;
    line-height: 1.2 !important; /* Réduit l'espacement vertical */
    margin: 0 !important;
    font-weight: 400 !important;
}

.slider-title {
    display: block;
    font-size: 28px !important;
    margin-bottom: 5px;
    color: #ffbb00; /* Jaune */
}

.slider-description {
    display: block;
    color: #FFFFFF;
    margin-top: 5px;
}

/* Image à droite */

.slider-image-wrapper {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 182px; /* Hauteur de l'image */
    width: 822px; /* Largeur de l'image */
    margin-left: 2rem; /* Ajoute une marge à gauche pour espacer */
}


.slider-image {
    height: 100%;
    width: 100%;
    border-radius: 8px; /* Réduction des arrondis */
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Ombre douce */
}

/* Bouton centré sur l'image */
.slider-button {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8); /* Fond semi-transparent */
    color: #012758 !important; /* Texte sombre */
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px !important;
    font-weight: normal; /* Retire le gras */
    text-align: center;

}

.slider-button:hover {
    background-color: rgba(51, 53, 95, 0.7); /* Fond sombre transparent */
    color: #FFFFFF !important; /* Texte blanc */
}

.ha-social-icon-svg {
    width: 44px !important;
    height: 44px !important;
}

.favorite svg {
    width: auto !important;
    height: 18px !important;
}

/* Espace entre parcourir et importer cv */

.file-input.d-flex {
    gap: 8px; /* Ajuste la valeur selon ton besoin */
}



/* Restreindre les styles uniquement au popup */
.popup .submit-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* Assurer que le compteur de caractères reste sous le textarea */
.popup .charleft.textarea_counter_default {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    margin-top: 5px !important;
    position: relative !important;
}

/* Forcer le bouton "Postuler" à prendre toute la largeur */
.popup .submit-cell.buttons {
    width: 100% !important;
    display: block !important;
}
.popup .submit-cell.buttons .field {
    width: 100% !important;
}
.popup .submit-cell.buttons input[type="submit"] {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    padding: 10px 0 !important;
}


/* Taille champ description */
.field.single-field>textarea {
  min-width:100% !important;
}


/* single */
.field.single-field > select {
    width: 300px !important;
}

input[type="submit"],
input[type="button"],
.file-input span,
a.button,
.btn {
    height: 44px;
}

/* inputs */
input[type="text"],
input[type="search"],
input[type="password"],
input[type="number"],

select,
span.pills,
.select2-selection--single,
.select2-selection--multiple,
.select2-dropdown {
    height: 44px;
}

/*** ALL TABLET/MOBILE VIEWS ***/
@media screen and (max-width: 991px) {
    .home-page input[type="text"],
    .home-page input[type="number"],
    .home-page select,
    .home-page select:focus,
    .home-page span.pills {
        height: 44px;
 }
    }

/* Paiement icones */
.bg-white {
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.rounded {
  border-radius:.25rem
}

/* Bord droite et gauche sur annonce mobile version */
div.listing-details .content-section {
    margin-top: 0 !important;
    padding: 15px !important;
}



/* Masque du slide homepage desktop */

.carousel .carousel-item {
    height: 234px !important;
}
.carousel.no-search-tabs .carousel-item {
    height: 234px !important;
 
}