.elementor-5834 .elementor-element.elementor-element-775a6e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-db2de89{width:100%;max-width:100%;}.elementor-5834 .elementor-element.elementor-element-db2de89 > .elementor-widget-container{margin:-2% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-db2de89.elementor-element{--align-self:center;}.elementor-5834 .elementor-element.elementor-element-fc7525a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5834 .elementor-element.elementor-element-d06333b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5834 .elementor-element.elementor-element-d06333b > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-0fc1bbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-3a9587d{width:100%;max-width:100%;}.elementor-5834 .elementor-element.elementor-element-3a9587d > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-67b1edb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-e44c9f6{width:100%;max-width:100%;}.elementor-5834 .elementor-element.elementor-element-e44c9f6 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-95e7e38{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-14d16ac{width:100%;max-width:100%;}.elementor-5834 .elementor-element.elementor-element-14d16ac > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-389ed11{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-4fac6e1{width:100%;max-width:100%;}@media(max-width:1366px){.elementor-5834 .elementor-element.elementor-element-db2de89 > .elementor-widget-container{margin:-5% 0% 0% 0%;}}@media(max-width:1024px){.elementor-5834 .elementor-element.elementor-element-db2de89 > .elementor-widget-container{margin:-10% 0% 0% 0%;}}@media(max-width:880px){.elementor-5834 .elementor-element.elementor-element-67b1edb{--margin-top:17px;--margin-bottom:27px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-5834 .elementor-element.elementor-element-775a6e7{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5834 .elementor-element.elementor-element-db2de89 > .elementor-widget-container{margin:-25% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-fc7525a{--margin-top:-8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-d06333b{width:100%;max-width:100%;}.elementor-5834 .elementor-element.elementor-element-d06333b > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-67b1edb{--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}}@media(min-width:1920px){.elementor-5834 .elementor-element.elementor-element-0fc1bbd{--width:1600px;--margin-top:0%;--margin-bottom:0%;--margin-left:2%;--margin-right:-1%;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-3a9587d > .elementor-widget-container{margin:0% -8% 0% 0%;padding:0% 0% 0% 0%;}.elementor-5834 .elementor-element.elementor-element-67b1edb{--margin-top:0%;--margin-bottom:0%;--margin-left:1%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-5834 .elementor-element.elementor-element-67b1edb.e-con{--align-self:center;}.elementor-5834 .elementor-element.elementor-element-e44c9f6 > .elementor-widget-container{margin:0% 0% 0% -1%;padding:0% 0% 0% 0%;}}/* Start custom CSS for html, class: .elementor-element-3a9587d *//* Pour ne pas avoir de texte en gras dans les boutons et définir la couleur */
#boulogne .card-footer .btn {
  font-weight: normal !important; /* Supprimer le gras */
  color: #4A4A4A !important; /* Appliquer la couleur #4A4A4A */
}

#boulogne .card-footer .badge-heart {
  font-weight: normal !important; /* Supprimer le gras du texte "Testé et approuvé" */
  color: #4A4A4A !important; /* Appliquer la couleur #4A4A4A */
}

  
  /* === Font styling === */
  h2.centered-title {
    font-family: 'Space Grotesk', sans-serif !important;
    text-transform: uppercase;
    color: #22427C;
    text-align: center;
    font-weight: 600;
  }
  
  /* Container for the horizontal slider */
.explorer-grid {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 20px 10px;
  scroll-snap-type: x mandatory;
}

/* Customise scrollbar appearance (WebKit-only) */
.explorer-grid::-webkit-scrollbar {
  height: 8px;
}
.explorer-grid::-webkit-scrollbar-track {
  background: transparent;
}
.explorer-grid::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* Each card is set as a fixed-width block with aesthetic touches */
.explorer-card {
  flex: 0 0 auto;
  width: 300px; /* Standard card width on large screens */
  background-color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.explorer-card:hover {
  transform: translateY(-3px);
}

/* Card typography */
.explorer-card h3 {
  margin-top: 0;
  font-size: 1.25rem;
  color: #333;
}

.explorer-card p {
  flex-grow: 1;
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
  margin: 10px 0;
}

/* Footer container: align badge and button vertically */
.card-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

/* Ensure both elements use inline-flex for consistent alignment */
.badge-heart,
.btn {
  display: inline-flex;
  align-items: center;
}

/* Badge style */
.badge-heart {
  background-color: #eff9f2;
  color: #27ae60;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
}

/* Button style */
.btn {
  background-color: #D3C6A1;
  color: #fff;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 4px;
  font-size: 0.85rem;
  transition: background-color 0.3s ease;
}

.btn:hover {
  background-color: #B1A07B;
}

/* Responsive adjustments for tablets */
@media (max-width: 768px) {
  .explorer-card {
    width: 260px;
  }
}

/* Responsive adjustments for mobile devices */
@media (max-width: 480px) {
  .explorer-card {
    width: 220px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e44c9f6 *//* Pour ne pas avoir de texte en gras dans les boutons et définir la couleur */
#dover .card-footer .btn {
  font-weight: normal !important; /* Supprimer le gras */
  color: #4A4A4A !important; /* Appliquer la couleur #4A4A4A */
}

#dover .card-footer .badge-heart {
  font-weight: normal !important; /* Supprimer le gras du texte "Testé et approuvé" */
  color: #4A4A4A !important; /* Appliquer la couleur #4A4A4A */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fac6e1 *//* Style de la bannière */
.crowdfunding-banner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 101, 0, 0.80); /* Orange doré avec transparence */
    color: #222;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    box-sizing: border-box; /* Ajouté pour s'assurer que le padding ne dépasse pas du cadre */
    top: 0 !important; /* Force l'élément à se positionner en haut */
    margin: 0; /* Enlève tout éventuel margin */
}

/* Bouton de fermeture */
.close-banner {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #222;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 50%;
}

.close-banner:hover {
    background: #444;
}

/* Style du bouton d'action */
.crowdfunding-banner a {
    display: inline-block;
    background: #22427C; /* Bleu foncé */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.crowdfunding-banner a:hover {
    background: #1b325d;
}

/* Logo Ulule */
.crowdfunding-banner img {
    width: 50px;
    height: auto;
}

/* Responsive : Ajustements */
@media (max-width: 768px) {
    .crowdfunding-banner {
        font-size: 14px;
        padding: 10px;
        flex-direction: column;
        gap: 10px;
    }

    .crowdfunding-banner img {
        width: 40px;
    }

    .crowdfunding-banner a {
        font-size: 14px;
        padding: 8px 15px;
    }

    .close-banner {
        right: 5px;
        top: 5px;
        font-size: 14px;
        padding: 4px 8px;
    }
}
/* Appliquer le même style de bouton en orange avec taille ajustée au texte */
#sponsored .explorer-card a {
  display: inline-block;
  padding: 0.5rem 1.5rem; /* Ajuster la taille du bouton à la taille du texte */
  background-color: #E8A55C; /* Couleur de fond du bouton en orange */
  color: white; /* Couleur du texte */
  border-radius: 50px;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.3s ease;
  text-align: center; /* Centrer le texte dans le bouton */
}

#sponsored .explorer-card a:hover {
  background-color: #B1A07B; /* Couleur de fond au survol */
  color: white; /* Conserver la couleur du texte en blanc au survol */
}/* End custom CSS */