.ds-vt-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.ds-vt-images {
    display: flex;
    gap: 4px;
}

/* Pour [ds_all_linked_products] : retour auto à la ligne toutes les 8 pastilles */
.ds-vt-images.ds-vt-images-break-8 {
    flex-wrap: wrap;
    max-width: calc((50px * 8) + (4px * 7));
}

/* Style de base des pastilles */
.ds-vt-image-link {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--e-global-color-primary); /* légère bordure */
    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ds-vt-image-link img.ds-vt-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hover : légère transparence + petit effet de focus */
.ds-vt-image-link:hover {
    opacity: 0.8;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.04);
}

/* Taille pour le shortcode ds_archive_variation_thumbs : petites pastilles 20px */
.ds-vt-wrapper-small .ds-vt-image-link {
    width: 20px;
    height: 20px;
}

/* Taille pour le shortcode ds_all_linked_products : grandes pastilles 50px */
.ds-vt-wrapper-large .ds-vt-image-link {
    width: 50px;
    height: 50px;
}

/* Responsive : ds_all_linked_products en 31.39px sur tablette + mobile */
@media (max-width: 1024px) {
    .ds-vt-wrapper-large .ds-vt-image-link {
        width: 31.39px;
        height: 31.39px;
    }

    .ds-vt-images.ds-vt-images-break-8 {
        max-width: calc((31.39px * 8) + (4px * 7));
    }
}



/* Bouton "plus" sous forme de pastille image */
.ds-vt-more-button {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd; /* même bordure que les pastilles */
    width: 20px;
    height: 20px;
    transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ds-vt-more-button img.ds-vt-more-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Même hover que les pastilles */
.ds-vt-more-button:hover {
    opacity: 0.8;
    /*box-shadow: 0 0 0 2px var(--e-global-color-primary);*/
}