/* Custom site additions - kept separate from the compiled theme style.css */

/* Product detail image gallery (thumbnail strip under the main product image) */
.product-gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.product-gallery-thumb {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.75;
    transition: opacity 0.2s ease, border-color 0.2s ease;
}

.product-gallery-thumb:hover {
    opacity: 1;
}

.product-gallery-thumb.active {
    opacity: 1;
    border-color: var(--theme-color, #f6a821);
}