.emls-gallery-more-images-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: color 0.3s, background-color 0.3s;

}



.emls-gallery-more-images-btn .emls-gallery-more-icon {

    display: inline-flex;

    align-items: center;

    transition: color 0.3s, fill 0.3s, font-size 0.3s;

}



.emls-gallery-more-images-btn svg {

    transition: fill 0.3s, width 0.3s, height 0.3s;

}



.emls-gallery-more-images-btn:hover {

    opacity: 0.85;

}





.emls-gallery-resort {

  display: grid;

  gap: 10px;

  grid-template-columns: repeat(4, 1fr);

  grid-auto-rows: 200px;

}



.emls-gallery-resort .emls-gallery-item {

  position: relative;

  overflow: hidden;

  border-radius: var(--emls-image-border-radius);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}







.emls-gallery-resort .emls-gallery-item:hover {

  transform: scale(1.03);

  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);

}



.emls-gallery-resort .emls-gallery-image {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

}



.emls-gallery-resort .emls-gallery-item:nth-child(1) {

  grid-column: span 2;

  grid-row: span 2;

}



.emls-gallery-resort .emls-gallery-item:nth-child(2),

.emls-gallery-resort .emls-gallery-item:nth-child(3) {

  grid-column: span 1;

  grid-row: span 1;

}



.emls-gallery-resort .emls-gallery-item:nth-child(4),

.emls-gallery-resort .emls-gallery-item:nth-child(5) {

  grid-column: span 1;

  grid-row: span 1;

}



.emls-gallery-resort .emls-gallery-item:nth-child(6),

.emls-gallery-resort .emls-gallery-item:nth-child(7) {

  grid-column: span 1;

  grid-row: span 1;

}



/* Responsive Breakpoints */



@media (max-width: 1024px) {

  .emls-gallery-resort {

    grid-template-columns: repeat(2, 1fr);

    grid-auto-rows: 180px;

  }



  .emls-gallery-resort .emls-gallery-item:nth-child(1) {

    grid-column: span 2;

    grid-row: span 2;

  }



  .emls-gallery-resort .emls-gallery-item:nth-child(n+2) {

    grid-column: span 1;

    grid-row: span 1;

  }

}



@media (max-width: 768px) {

  .emls-gallery-resort {

    grid-template-columns: 1fr;

    grid-auto-rows: 220px;

  }



  .emls-gallery-resort .emls-gallery-item {

    grid-column: span 1 !important;

    grid-row: span 1 !important;

  }

}



/* "+ More Images" button style */

.emls-more-images-btn {

  padding: 10px 20px;

  margin-top: 15px;

  background-color: #ffffff;

  border: 2px solid #ddd;

  color: #555;

  font-size: 15px;

  font-weight: 500;

  cursor: pointer;

  border-radius: 20px;

  transition: all 0.3s ease;

}



.emls-more-images-btn:hover {

  background-color: #f5f5f5;

  border-color: #bbb;

}



.dialog-widget-content.dialog-lightbox-widget-content {

    top: 0% !important;

    left: 0% !important;

}