/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://heartfulcraft.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom CSS below */
/* MAIN LAYOUT */



.b2b-main-wrapper {
    display: flex;
    gap: 40px;
    align-items: stretch; /* CHANGED from flex-start to stretch */
    position: relative;
}

/* LEFT */
.b2b-left-column {
    width: 65%;
    flex: 65%;
}

/* RIGHT */
.b2b-right-column {
    width: 35%;
    flex: 35%;
    position: relative;
}

/* STICKY BOX */
.b2b-right-box {
    position: -webkit-sticky; /* For Safari */
    position: sticky;         /* Standard Sticky */
    top: 100px;               /* Adjust this to match your header height */
    
    background: #fff;
    border: 1px solid #e5e7eb;
    padding: 16px;
    z-index: 10;
    
    /* Optional: prevents the box from being taller than the screen */
    max-height: 90vh;
    overflow-y: auto; 
}

/* TABS */
.b2b-tabs-header {
    display: flex;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 12px;
}

.b2b-tab-btn {
    flex: 1;
    background: none;
    border: none;
    padding: 10px;
    font-weight: 600;
    cursor: pointer;
}

.b2b-tab-btn.active {
    color: #ff6a00;
    border-bottom: 3px solid #ff6a00;
}

/* TAB PANELS */
.b2b-tab-panel {
    display: none;
}

.b2b-tab-panel.active {
    display: block;
}

/* RELATED PRODUCTS */
.b2b-related-products {
    margin-top: 60px;
    width: 100%;
}



/* ================================
   Alibaba-style Product Gallery
================================ */

 
/* =====================================================
   ALIBABA STYLE PRODUCT GALLERY (FINAL FIX)
===================================================== */

/* -------- COMMON RESET -------- */
.b2b-product-gallery .woocommerce-product-gallery {
     float:none!important;
    width: 100%!important;
    display: flex; flex-direction: row-reverse;
}

.b2b-product-gallery .flex-control-thumbs{display: flex!important;flex-direction: column!important;min-width: 70px;gap: 10px!important;}
.b2b-product-gallery .flex-control-thumbs li{width: calc(100% - 7px)!important;float: none!important;background-color: #f2f2f2;border-radius: 7px;}
.b2b-product-gallery .flex-control-thumbs li img{border-radius: 7px;border: solid 1.5px transparent!important;}
.b2b-product-gallery .flex-control-thumbs li img.flex-active, .b2b-product-gallery .flex-control-thumbs li img:hover{border-color: #010101!important;}