/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 21 Oct 2025, 4:29 pm
*/

.fg-image-wrap .fg-image{
width: 100% !important;
max-width: 100%;
}

/* Desktop - 4 columns */
.foogallery {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 20px; /* تقدر تعدل المسافة بين الصور */
}

/* Tablet - 3 columns */
@media (max-width: 991px) {
  .foogallery {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile - 2 columns */
@media (max-width: 600px) {
  .foogallery {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px;
  }
}