/* Shortcode - Add to Cart & Buy Now Button Styles */
.related-products-section-checkout .custom-buttons-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    flex-basis: 120px; /* একটি নির্দিষ্ট প্রস্থ দেওয়া হলো */
    flex-shrink: 0;
}

.related-products-section-checkout .custom-buttons-wrapper .button {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    padding: 8px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    width: 100%;
    box-sizing: border-box;
}

.related-products-section-checkout .custom-buttons-wrapper .quick-buy-button {
    background: var(--all-quick-buy-button-color) !important;
    color: var(--quick-buy-button-text-color-arian) !important;
}

.related-products-section-checkout .custom-buttons-wrapper .add_to_cart_button {
    background-color: var(--all-add-to-cart-button-bg-color) !important;
    color: var(--add-to-cart-button-text-white-arian) !important;
}

/* Variable product button style */
.related-products-section-checkout .custom-buttons-wrapper .button.product_type_variable {
    background-color: #27ae60 !important;
}

/*
==========================================================================
   FIX: Scrollable Container & Layout Shift Prevention
==========================================================================
*/
.related-products-section-checkout .related-products-list-checkout {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 8px;
    
}

/* --- শুধুমাত্র Webkit ব্রাউজারের জন্য (Chrome, Edge, Safari) সুন্দর স্ক্রলবার --- */
.related-products-section-checkout .related-products-list-checkout::-webkit-scrollbar {
    width: 8px;
}
.related-products-section-checkout .related-products-list-checkout::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.related-products-section-checkout .related-products-list-checkout::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 10px;
}
.related-products-section-checkout .related-products-list-checkout::-webkit-scrollbar-thumb:hover {
    background: #999999;
}


/*
==========================================================================
   Shortcode Product List - Mobile Responsive Layout
==========================================================================
*/
@media (max-width: 480px) {
    /* মূল কন্টেইনারকে ফ্লেক্স র‍্যাপ করা হয়েছে */
    .related-products-section-checkout .related-product-item-checkout {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
    }

    /* ছবি এবং তথ্যের অংশকে পুরো প্রস্থ দেওয়া হয়েছে */
    .related-products-section-checkout .related-product-link-area {
        display: flex;
        flex-basis: 100%;
        margin-bottom: 12px; /* বাটনের সাথে দূরত্ব তৈরির জন্য */
        align-items: flex-start; /* আইটেমগুলোকে উপরে অ্যালাইন করা */
    }

    /* ছবির জন্য একটি নির্দিষ্ট প্রস্থ নির্ধারণ করা হয়েছে */
    .related-products-section-checkout .related-product-image {
        flex: 0 0 70px;
        width: 70px;
        height: 70px;
        margin-right: 12px;
    }

    /* পণ্যের তথ্যের অংশটি বাকি জায়গা নেবে */
    .related-products-section-checkout .related-product-info {
        flex: 1;
        text-align: left;
    }

    .related-products-section-checkout .related-product-title {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 5px;
    }

    .related-products-section-checkout .related-product-price {
        font-size: 15px;
        margin-bottom: 5px;
    }
    
    .related-products-section-checkout .saved-amount-container {
        font-size: 13px;
        position: static;
        text-align: left;
    }

    /* বাটনগুলোকে পাশাপাশি দেখানোর জন্য */
    .related-products-section-checkout .custom-buttons-wrapper {
        flex-basis: 100%;
        flex-direction: row; /* বাটনগুলো পাশাপাশি আসবে */
        flex-shrink: 1;
    }

    /* প্রতিটি বাটন সমান জায়গা নেবে */
    .related-products-section-checkout .custom-buttons-wrapper .button {
        flex: 1;
        padding: 9px 5px !important;
        font-size: 13px !important;
    }
}


/* শর্টকোডের মধ্যে "View Cart" লিঙ্ক লুকানো */
.related-products-section-checkout .added_to_cart {
    display: none !important;
}

/* Add styles for PC Builder specific buttons */
.related-products-section-checkout .pc-builder-add-button {
    /* Your add button styles */
}
.related-products-section-checkout .pc-builder-buy-now-button {
    /* Your buy now button styles */
}


/* আরও দেখুন বাটনের নিচে ফাঁকা জায়গা তৈরি করতে নতুন কোড */
.custom-load-more-wrapper {
    margin-bottom: 20px; /* এই লাইনটি যোগ করুন */
}

.custom-load-more-wrapper {
    margin-top: 10px !important; 
    margin-bottom: 40px !important;
}




/* ==========================================================================
   Shortcode Quick Buy Button - Sharp Pulsating Light Effect
   ========================================================================== */

/* Quick Buy বাটনটিকে পজিশনিং এর জন্য প্রস্তুত করা */
.related-products-section-checkout .custom-buttons-wrapper .quick-buy-button,
.related-products-section-checkout .custom-buttons-wrapper .pc-builder-buy-now-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; 
}

/* আলোর বিন্দু (বাম পাশে) */
.related-products-section-checkout .custom-buttons-wrapper .quick-buy-button::before,
.related-products-section-checkout .custom-buttons-wrapper .pc-builder-buy-now-button::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2eff71; /* উজ্জ্বল সবুজ রঙ */
    box-shadow: none; 
    animation: sharpPulse 2s infinite ease-in-out;
}

/* হোভার করলে আলোর রঙ পরিবর্তন হবে */
.related-products-section-checkout .custom-buttons-wrapper .quick-buy-button:hover::before,
.related-products-section-checkout .custom-buttons-wrapper .pc-builder-buy-now-button:hover::before {
    background-color: #ff4757; /* উজ্জ্বল লাল রঙ */
}


/* ==========================================================================
   Keyframe Animation for Sharp Pulsating Effect
   ========================================================================== */

/* এই কী-ফ্রেমটি product-card.css ফাইলে থাকলেও, সামঞ্জস্যতার জন্য এখানেও যোগ করা হলো */
@keyframes sharpPulse {
    0%, 100% {
        transform: scale(1); /* স্বাভাবিক আকার */
        opacity: 1;
    }
    50% {
        transform: scale(0.1); /* সবচেয়ে ছোট আকার */
        opacity: 0.5;
    }
}




/* ==========================================================================
   Glow Effect Controller (On/Off Switch) - CORRECT VERSION FOR SHORTCODES
   ========================================================================== */

/* যখন body-তে glow-effect-off ক্লাসটি থাকবে, তখন আলো দেখা যাবে না */
body.glow-effect-off .related-products-section-checkout .custom-buttons-wrapper .quick-buy-button::before,
body.glow-effect-off .related-products-section-checkout .custom-buttons-wrapper .pc-builder-buy-now-button::before {
    display: none; /* আলোকে পুরোপুরি লুকিয়ে ফেলবে */
}