/**
 * Project Gallery Styles - Overrides
 */

/* Gallery Grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 300px);
    gap: 30px;
    justify-content: center;
    width: 100%;
}

/* Gallery Item */
.gallery-item {
    width: 300px !important;
    height: 300px !important;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    border: 3px solid #4CAF50; /* Green border */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Gallery Link */
.gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Background Image Approach */
.gallery-image-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.4s ease;
}

/* Hover Effects */
.gallery-item:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.gallery-item:hover .gallery-image-bg {
    transform: scale(1.1);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .gallery-grid {
        gap: 20px;
    }
}