/* @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap"); */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); */

#gallery {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    max-width: 1200px;
    margin: 0 auto;
    padding: 12px;
    align-content: flex-start;
    gap: 30px 20px;
    display: flex;
    /* align-items: center; */
    text-decoration: none;
    justify-content: space-evenly;
    /* font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif; */
    overflow: scroll;
  }

  #gallery.shoppingLike {
    gap: 20px;
    padding: 4px;

  }




  #gallery.swiperCard {
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-left:8px;
    gap:10px 10px;
  }
  
  .galleryTitleContainer{

      width: 100%;
      /* font-family: 'Plus Jakarta Sans', sans-serif; */
      font-size: 16px;
      /* color: black; */
      padding: 1%;
      color: #333333;
      color:var(--ecriture);
      font-weight: bold;
      border-bottom: 1px solid #dedede;

  }
  
  .pictureContainer {
    width: calc(33% - 20px);
    
    box-shadow: -2px 2px 15px var(--shadow);
    cursor: pointer;
    transition: all 0.2s;
    /* display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; */
    text-decoration: none;

    border-radius: 12px;
  }
  
  /* .pictureContainer:hover {

    width: calc(32% + 8px);
    transition: 0.2s;
  }
   */
    /* .pictureContainer.swiperCard, */

  .pictureContainer.airbnbLike,
  .pictureContainer.shoppingLike

  {
    width: calc(30% - 20px);
    box-shadow: none;
  }
  .pictureContainer.airbnbLike:hover,
  .pictureContainer.shoppingLike:hover
  {
    width: calc(30% );
  }

  /* .pictureContainer.swiperCard{
    padding:0px;
    
  } */


  
  .picture {
    position: relative;
    width: 100%;
    height: 290px;
    max-height: 700px;
    object-fit: cover;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    /* background-color: rgb(226, 226, 226); */
    animation: contentLoading 1.4s linear infinite; /* Adjust duration and timing function */
  }



  .checkboxGallery , .radioGallery{

    position: absolute;
    bottom: 12px;
    right:12px;
    
  }

.picture.airbnbLike,
.picture.swiperCard 

{
    min-width: 260px;
    height: 160px;

}


  .picture.airbnbLike,
  .picture.shoppingLike,
  .picture.swiperCard 
  {
    border-radius: 12px;
  }

  .pictureDescriptionContainer {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: space-between;
  }
  .pictureDescriptionContainer.airbnbLike,
  .pictureDescriptionContainer.swiperCard,
  .pictureDescriptionContainer.shoppingLike {
    min-height: auto;
    padding: 8px;
    padding-left: 5px;
    padding-right: 5px;
  }

  
  .pictureDescriptionContainer.swiperCard{
    padding:0px;
    /* width: 108px; */
  }

  .pictureDescriptionLeftContainer.swiperCard{
    max-width: 100%;
  }

  .pictureDateContainer.swiperCard {
    height: auto;
  }
  .pictureDescriptionLeftContainer {
    position: relative;
    /* width: 80%; */
    height: auto;
    font-size: 18px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 10px;
    
  }

.picturePriceContainer{
    padding-right: 10px;

}

  .pictureDescriptionLeftContainer.airbnbLike,
  .pictureDescriptionLeftContainer.swiperCard,
  .pictureDescriptionLeftContainer.shoppingLike {
    padding: 0px;
    max-width: 60%;
    overflow: scroll;

  }
  .pictureTitleContainer {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 16px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--ecriture);
    font-weight: 400;
  }
  
  .pictureAutorContainer, .pictureDateContainer {
    position: relative;
    width: 100%;
    height: auto;
    color: var(--ecritureLight);
    font-style: italic;
    font-size: 12px;
    display: flex;
    /* align-items: center; */
    text-decoration: none;
    text-overflow: ellipsis; /* Ajoute des points de suspension (...) pour indiquer que du texte est masqué */
    
  }

  .pictureDateContainer {
    height: 5em;
    white-space: pre-line; 
    /* Empêche le texte de passer à la ligne */

  }
  
  .picturePriceContainer {
    position: relative;
    max-width: 40%;
    height: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    color: var(--ecriture);
    /* overflow: hidden; */
  }
  
  .pictureContainer.swiperCard {
        padding:6px;
    }

  
  @media (max-width: 850px) and (min-width: 600px), 
  (max-width: 1150px) and (min-width: 1010px) {
.pictureContainer.airbnbLike, 
/* .pictureContainer.swiperCard,  */
.pictureContainer.shoppingLike {
   width: calc(38% - 20px) !important;
   box-shadow: none;
}
}



  @media(max-width: 1200px) {
    .pictureContainer.airbnbLike,
    /* .pictureContainer.swiperCard, */
    .pictureContainer.shoppingLike {
      width: calc(30% - 20px);
      box-shadow: none;
    }
    .pictureContainer.airbnbLike:hover,
    .pictureContainer.shoppingLike:hover {
      width: calc(30%);
      box-shadow: none;
    }

  }

  @media(max-width: 700px) {
/*
    .galleryTitleContainer{
      display:none;
    }

*/
  /* .pictureContainer.swiperCard, */
  .pictureContainer.airbnbLike


  {
    width: 100%;
    box-shadow: none;
      
  }
  .pictureContainer.original {
    width: 100%;
      
  }
  
  .pictureContainer.airbnbLike:hover {
    width: 100%;
  }

  .pictureContainer.shoppingLike {
    width: 42%;
    box-shadow: none;
  }
  .pictureContainer.shoppingLike:hover {
    width: 42%;
  }

  
    .pictureContainer {
      width: auto;
    }
    /* .pictureContainer:hover {
      width: auto;
    } */


     .pictureContainer.swiperCard {
        padding:6px;
    }

    .picture{
      /* width: 90%; */
      height: auto;
    }
    .picture.airbnbLike,
    .picture.swiperCard,
    .picture.original{
      /* width: 90%; */
      height: 188px;
    }
    .picture.swiperCard{
      height: 80px;

    }

    .picture.shoppingLike{
      /* width: 90%; */
      height: 80px;
    }
   
    .pictureDescriptionContainer {
     
      padding-bottom: 0px;
    }

    /* .shoppingLike > .pictureAutorContainer{
      display: none;
    } */

  }