/**
 * Sous-images produits : une seule rangée horizontale défilable (toute l'app)
 */
.product-thumbs-scroll,
.thumbnail-container,
.thumbnail-gallery,
.thumbnail-grid,
.thumbnail-strip,
.thumbnail-images,
.secondary-images,
.mt-3.d-flex.flex-wrap.gap-2:has(.thumb-image),
.d-flex.flex-wrap.gap-2:has(.thumb-image),
.row.g-2.thumbnail-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center;
    gap: 10px !important;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 8px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: none !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 175, 55, 0.55) transparent;
}

.product-thumbs-scroll::-webkit-scrollbar,
.thumbnail-container::-webkit-scrollbar,
.thumbnail-gallery::-webkit-scrollbar,
.thumbnail-grid::-webkit-scrollbar,
.thumbnail-strip::-webkit-scrollbar,
.thumbnail-images::-webkit-scrollbar,
.secondary-images::-webkit-scrollbar,
.mt-3.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar,
.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar,
.row.g-2.thumbnail-grid::-webkit-scrollbar {
    height: 6px;
}

.product-thumbs-scroll::-webkit-scrollbar-thumb,
.thumbnail-container::-webkit-scrollbar-thumb,
.thumbnail-gallery::-webkit-scrollbar-thumb,
.thumbnail-grid::-webkit-scrollbar-thumb,
.thumbnail-strip::-webkit-scrollbar-thumb,
.thumbnail-images::-webkit-scrollbar-thumb,
.secondary-images::-webkit-scrollbar-thumb,
.mt-3.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar-thumb,
.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar-thumb,
.row.g-2.thumbnail-grid::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.55);
    border-radius: 999px;
}

.product-thumbs-scroll::-webkit-scrollbar-track,
.thumbnail-container::-webkit-scrollbar-track,
.thumbnail-gallery::-webkit-scrollbar-track,
.thumbnail-grid::-webkit-scrollbar-track,
.thumbnail-strip::-webkit-scrollbar-track,
.thumbnail-images::-webkit-scrollbar-track,
.secondary-images::-webkit-scrollbar-track,
.mt-3.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar-track,
.d-flex.flex-wrap.gap-2:has(.thumb-image)::-webkit-scrollbar-track,
.row.g-2.thumbnail-grid::-webkit-scrollbar-track {
    background: transparent;
}

/* Empêche le rétrécissement / le retour à la ligne des vignettes */
.product-thumbs-scroll > *,
.thumbnail-container > *,
.thumbnail-gallery > *,
.thumbnail-grid > *,
.thumbnail-strip > *,
.thumbnail-images > *,
.secondary-images > *,
.mt-3.d-flex.flex-wrap.gap-2:has(.thumb-image) > *,
.d-flex.flex-wrap.gap-2:has(.thumb-image) > *,
.row.g-2.thumbnail-grid > [class*="col"] {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    scroll-snap-align: start;
}

.thumb-image,
.thumbnail-image,
.thumbnail-item,
.thumbnail-strip img,
.thumbnail-strip .thumbnail,
.thumbnail-images .thumbnail,
.thumbnail-gallery .thumbnail-item,
.secondary-images .secondary-image,
.secondary-images img,
.secondary-images .secondary-thumb,
.product-thumbs-scroll > button {
    flex-shrink: 0 !important;
}

.secondary-images .secondary-image,
.secondary-images .secondary-thumb {
    width: 140px !important;
    min-width: 140px !important;
}

.secondary-images .product-secondary-img,
.secondary-images .secondary-thumb {
    width: 140px !important;
    height: 140px !important;
    object-fit: cover !important;
}