/* Horizontal thumbnails and swatch container styles */

.wc-swatches-container-82c8eb4a {
    margin-bottom: 20px;
}

.wc-swatches-container-82c8eb4a .hidden-select-82c8eb4a {
    display: none !important;
}

.wc-swatches-list-82c8eb4a {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.wc-swatch-item-82c8eb4a {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 14px;
    font-weight: 600;
    color: #102B35;
}

.wc-swatch-item-82c8eb4a:hover {
    border-color: #599F9D;
}

.wc-swatch-item-82c8eb4a.active {
    border-color: #599F9D;
    background-color: #f0fdfa;
    box-shadow: 0 0 0 1px #599F9D;
}

.wc-swatch-color-preview-82c8eb4a {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #e2e8f0;
}

/* Custom Uniform Palette Rules */
.color-white { background-color: #ffffff; }
.color-black { background-color: #0d0d0d; }
.color-navy { background-color: #1a2e40; }
.color-maroon { background-color: #6b1d2f; }
.color-royal-blue { background-color: #1e40af; }
.color-sky-blue { background-color: #bae6fd; }
.color-teal { background-color: #0d9488; }
.color-olive { background-color: #3f6212; }
.color-grey, .color-gray { background-color: #6b7280; }
.color-charcoal { background-color: #374151; }
.color-burgundy { background-color: #800020; }
.color-hunter-green { background-color: #355e3b; }

/* Dynamic layout overrides for Left Main Image / Bottom Horizontal Scrollable Thumbnails */
.woocommerce-product-gallery, 
.shopengine-product-gallery,
.shopengine-product-images {
    display: flex !important;
    flex-direction: column !important;
}

/* Force thumbs row underneath */
.woocommerce-product-gallery .flex-control-thumbs,
.shopengine-product-gallery .flex-control-nav,
.shopengine-gallery-nav {
    order: 2 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    scrollbar-width: thin;
}

.woocommerce-product-gallery .flex-control-thumbs li,
.shopengine-product-gallery .flex-control-nav li {
    width: 76px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img,
.shopengine-product-gallery .flex-control-nav li img {
    border-radius: 4px !important;
    border: 2px solid #e2e8f0 !important;
    transition: all 0.2s ease-in-out !important;
    opacity: 0.65 !important;
    width: 100% !important;
    height: auto !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover,
.shopengine-product-gallery .flex-control-nav li img:hover {
    border-color: #599F9D !important;
    opacity: 1 !important;
}