/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Version: 2.1.15
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 6.5
Requires PHP: 7.0
Tested up to: 6.8
Text Domain: blocksy
Blocksy Minimum Companion Version: 2.0.74-beta1
Tags: accessibility-ready, blog, block-patterns, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments
*/

.hero-section[data-type="type-2"] > [class*="ct-container"] {
	 padding: var(--container-padding, 50px 0); 
	 min-height: auto; 
}

/* Thumbnails row -> horizontal scroll strip */
.flexy-pills[data-type="thumbs"] {
    position: relative;
    margin-top: 0.75rem;
}

.flexy-pills[data-type="thumbs"] > ol {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.flexy-pills[data-type="thumbs"] > ol > li {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

/* Optional: make thumb images a bit consistent */
.flexy-pills[data-type="thumbs"] img {
    display: block;
    border-radius: 4px;
}

/* Hide scrollbar on WebKit (optional) */
.flexy-pills[data-type="thumbs"] > ol::-webkit-scrollbar {
    height: 4px;
}
.flexy-pills[data-type="thumbs"] > ol::-webkit-scrollbar-track {
    background: transparent;
}
.flexy-pills[data-type="thumbs"] > ol::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.2);
    border-radius: 999px;
}


/* Nav arrows for thumbs strip */
.jdp-thumb-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
    padding: 0;
}

.jdp-thumb-prev {
    left: -12px;
}

.jdp-thumb-next {
    right: -12px;
}

.jdp-thumb-nav:hover {
    background: #fff;
}
[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div{
	padding-bottom: 20px;
}

.single-product article > :where(.related, .up-sells){
    
    background: rgb(249, 248, 252);
}

/* On small screens, pull arrows inside a bit */
@media (max-width: 768px) {
    .jdp-thumb-prev {
        left: 2px;
    }
    .jdp-thumb-next {
        right: 2px;
    }
}