/*
Theme Name: CBM | Divi Child 
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 1.1
Updated: 2025-06-11 14:56:54

*/

/* Gallery wrapper */
.acf-product-gallery {
  width: 100%;
}

/* Main image */
.acf-gallery-main {
  margin-bottom: 16px;
}

.acf-gallery-main img {
  width: 100%;
  height: auto;
  display: block;
}

/* Thumbnails container */
.acf-gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(6, 80px); /* max 6 thumbs */
  justify-content: center;               /* center the row */
  gap: 12px;
}

/* Thumbnail image */
.acf-gallery-thumb {
  width: 80px;
  height: 80px;
  cursor: pointer;
  opacity: 0.7;
  border: 2px solid transparent;
  transition: all 0.2s ease;
  object-fit: cover;
  display: block;
}

/* Hover / active state */
.acf-gallery-thumb:hover,
.acf-gallery-thumb.is-active {
  opacity: 1;
  border-color: #000;
}

/* ------------------------------
   Responsive (mobile)
-------------------------------- */
@media (max-width: 767px) {
  .acf-gallery-thumbs {
    grid-template-columns: repeat(6, 60px);
    gap: 8px;
  }

  .acf-gallery-thumb {
    width: 60px;
    height: 60px;
  }
}