/**
 * @package JasaCmsLojaMultiFotos
 * @version 5.0.0
 * @since 2026.08.22
 * @author Jasa CMS Architecture Team
 */

.galeria-extras-container {
    margin-top: 12px;
    width: 100%;
}

.galeria-extras-carrossel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.galeria-extra-thumb {
    width: 60px;
    height: 60px;
    border: 2px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.galeria-extra-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.galeria-extra-thumb:hover,
.galeria-extra-thumb.ativa {
    border-color: #007bff;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.25);
}