/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* GALLERY PLUGIN
[acf_product_gallery
  field="gallery"            // ACF gallery field name (default: "gallery")
  size="large"               // Image size (e.g., thumbnail, medium, large, full)
  columns="3"                // Number of columns (default: 3)
  lightbox="1"               // Enable Avada lightbox (1 = yes, 0 = no)
  captions="1"               // Show image captions (1 = yes, 0 = no)
  include_featured="1"       // Include featured image first (1 = yes, 0 = no)
  class="custom-gallery"     // Add extra CSS class
  limit="12"                 // Limit number of images
  orderby="title"            // title, date, menu_order
  order="ASC"                // ASC or DESC
]
[acf_product_gallery field="gallery" columns="4" size="medium_large" lightbox="1" captions="0"]

*/
/* Wrapper for the gallery */
/* Clean base */
.apgs-gallery-wrapper,
.apgs-gallery-item,
.apgs-gallery-item img {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Grid layout */
.apgs-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .apgs-gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .apgs-gallery-wrapper {
    grid-template-columns: 1fr;
  }
}

/* Gallery item with fixed aspect ratio */
.apgs-gallery-item {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 12px;
}

/* Zoomable image */
.apgs-gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.apgs-gallery-item:hover img {
  transform: scale(1.05);
}