/* =========================================
   GALLERY PAGE ONLY (gallery.php)
   Loaded in addition to assets/css/style1.css
   ========================================= */

.frontend-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.gallery-card {
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--white);
  transition: var(--transition);
  line-height: 0; /* Removes bottom spacing below images */
}

.gallery-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-hover);
}

.gallery-card img {
  width: 100%;
  height: 300px; /* Slightly taller since there is no caption text */
  object-fit: cover;
  transition: transform 0.5s ease;
}

.gallery-card:hover img {
  transform: scale(1.08);
}