/* Illustrations */



.starsIllustration {
    background-image: url("https://simon-lesage.fr/noctee/assets/img/stars.svg") !important;
}

.heartIllustration {
  background-image: url("https://simon-lesage.fr/noctee/assets/img/heart.svg") !important;
}

.lightningIllustration {
    background-image: url("https://simon-lesage.fr/noctee/assets/img/lightning.svg") !important;
}

/* Background */


.paramBackground {
  background-repeat: repeat !important;
  background-position: 65% 0%;
  border-radius: 20px;
  background-size: 175% !important;
}

.starsBackground {
    background-image: url("https://simon-lesage.fr/noctee/assets/img/stars.svg") !important;
}


.animatedBackground {
  animation: scrollBg 60s linear infinite;
}

@keyframes scrollBg {
    0% {
        background-position: 65% 0vh;
    }
    100% {
        background-position: 65% 380vh;
    }
}

/* Nouvel élément pour le fond flou */
.blurred-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* Derrière le contenu */
  filter: blur(3px); /* Appliquer le flou UNIQUEMENT ici */
  background-repeat: repeat !important; /* Propriétés de fond déplacées ici */
  background-position: center !important;
  background-size: 85% !important;
  /* Le border-radius est hérité ou géré par overflow:hidden du parent */
  /* Les classes spécifiques comme .starsIllustration seront ajoutées ici via JS */
}

  


  
/* Content */

  .results__content_list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1vh;
  }
  
  .results__content__item {
    display: flex;
    gap: 5%;
    margin-top: 1vh;
    background: aliceblue;
    padding: 2vh;
    position: relative;
    border-radius: 20px;
    max-height: 25vh;
}
  
  .results__content__item__bottom {
    position: absolute;
    bottom: 15%;
    right: 5%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
  }
  
  .results__content__item__localisation {
    font-size: 1.1vh;
  }
  
  .results__content__item__icon {
    font-size: 1.4vh;
  }
  
  .results__content__item__img {
    flex: 2;
    max-width: 40%;
    text-align: center;
    z-index: 3;
  }
  
  .results__content__item__infos {
    flex: 2;
    display: flex;
    flex-direction: column;
    padding: 2% 0;
    z-index: 3;
  }
  
  
.results__content__item__img img {
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-height: 25vh;
    max-width: 50vh;
}
  
    .results__content__item__infos h3 {
    font-size: 1.8vh;
    font-weight: 600;
  }
  
  .results__content__item__infos p {
    font-size: 1vh;
    font-weight: 400;
  }

  /* Responsive */

@media screen and (min-width: 768px) {
  .results__content__item__infos p {
    font-size: 1.6vh;
    font-weight: 400;
    margin-top: 2vh;
    width: 80%;
  }
  .results__content__item__infos h3 {
    font-size: 2vh;
    font-weight: 600;
  }
  .results__content__item__localisation {
    font-size: 1.4vh;
  }
  .results__content__item__icon {
    font-size: 1.7vh;
  }
  .results__content__item__bottom {
    bottom: 20%;
  }
  .results__content__item__infos {
    padding: 4% 0;
}
}

@media screen and (max-width: 767px) {
  .results__content__item__img img {
    max-height: 12vh !important;
}
.results__content__item {
  padding: 1.5vh !important;
  max-height: none !important;
}
.results__content__item__infos p {
  font-size: 1.2vh !important;
}
.results__content__item {
  min-height: 15vh  !important;
}
.results__content__item__img img {
  border-radius: 13px !important;
}
}