/**
 * ACF Gallery Styles
 *
 * Responsive grid layout for the AM ACF Gallery shortcode.
 *
 * @package AM_Customizations
 */

.am-responsive-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    padding: 0;
    margin: 0;
}

.am-responsive-gallery a {
    display: block;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.am-responsive-gallery a:hover {
    transform: scale(1.03);
}

.am-responsive-gallery .am-responsive-image {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
}