/*!
Theme Name: UPFit
Theme URI: http://underscores.me/
Author: Nucleus Marketing
Author URI: https://nucleusmarketing.org
Description: Next generation of policing: Complete upfitting solutions for Tesla
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: upfit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

UPFit is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/* Tailwind CSS classes for WordPress gallery */
.gallery {
    display: grid;
    gap: 1rem; /* Tailwind's spacing utility for gap */
    grid-template-columns: repeat(2, 1fr); /* Default to 2 items per row */
}

.gallery-item {
    position: relative;
}

.gallery-icon img {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0; /* Remove margins */
    border-radius: 0; /* Remove border radius */
}

.gallery-caption {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #718096; /* Tailwind's gray-600 */
}

/* Remove margins for figure elements inside .prose */
.prose .gallery figure,
.prose .gallery img {
    margin: 0 !important; /* Remove margins */
}

/* Responsive breakpoints */
@media (min-width: 768px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr); /* Tablet: 3 items per row */
    }
}

@media (min-width: 1024px) {
    .gallery-columns-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .gallery-columns-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .gallery-columns-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .gallery-columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .gallery-columns-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .gallery-columns-6 {
        grid-template-columns: repeat(6, 1fr);
    }
}