/* Custom Gallery Grid Styles */
.custom-gallery-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Default to responsive grid */
}

.custom-gallery-grid.two-columns {
    grid-template-columns: repeat(2, 1fr);
}

.custom-gallery-grid.three-columns {
    grid-template-columns: repeat(3, 1fr);
}

.custom-gallery-grid.four-columns {
    grid-template-columns: repeat(4, 1fr);
}

.custom-gallery-grid .gallery-item img {
    width: 100%;  /* Ensure the image occupies full width of the grid item */
    height: auto; /* Maintain aspect ratio */
    max-height: 300px;  /* Set a max height for image scaling */
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

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

/* Fancybox styling: overlay, buttons, etc. */
.fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.8) !important; /* Darken background */
}
.fancybox-caption {
    font-size: 14px;
    color: white;
}