/**
Theme Name: Astra Child
Author: Mohammad ADOM
Author URI: https://mdadom.com/
Description: This stylesheet provides improved, modern, and maintainable code for the product card and popup styles, while preserving the original design, layout, and full responsiveness. Mobile layout for quick-buy popup has been optimized.
Version: 3.3.0 (Corrected & Standard CSS)
License: Split License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* Elementor Shortcode Container Fix */
.elementor-widget-shortcode .related-products-section-checkout {
    margin: 0;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #f3f7ff;
}



/*
 * Elementor Editor Fix for Category Ticker Shortcode
 * This forces the category list to be horizontal inside the editor.
 */
.elementor-widget-shortcode .category-slider-wrapper {
    display: flex;
    flex-wrap: nowrap; /* আইটেমগুলোকে এক লাইনে আসতে বাধ্য করবে */
    overflow-x: auto;  /* যদি জায়গা না হয়, তবে হরিজেন্টাল স্ক্রলবার দেখাবে */
     /* স্ক্রলবারের জন্য সামান্য জায়গা তৈরি করবে */
}
 
.elementor-widget-shortcode .product-marquee-wrapper {
    display: flex;
    flex-wrap: nowrap; /* আইটেমগুলোকে এক লাইনে আসতে বাধ্য করবে */
    overflow-x: auto;  /* যদি জায়গা না হয়, তবে হরিজেন্টাল স্ক্রলবার দেখাবে */
     /* স্ক্রলবারের জন্য সামান্য জায়গা তৈরি করবে */
}


/* শপ পেজের দুই পাশের অতিরিক্ত প্যাডিং কমানোর জন্য */
.post-type-archive-product .ast-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}





/*
==========================================================================
    FunnelKit Floating Cart Icon Hide on Mobile
==========================================================================
*/

/* শুধুমাত্র 768px এর নিচের ডিভাইসে FunnelKit-এর ভাসমান কার্ট আইকনটি লুকানো থাকবে */
@media (max-width: 768px) {
    #fkcart-floating-toggler {
        display: none !important;
    }
}
 


/* হরিজন্টাল ওভারফ্লো সমস্যার সমাধান */
html, body {
    overflow-x: hidden;
}

/* মেগা মেনুর নির্দিষ্ট প্রস্থের কারণে তৈরি হওয়া সমস্যা সমাধান */
.mega-menu-content.layout-horizontal {
    max-width: 90vw; /* ভিউপোর্টের ৯০% এর বেশি চওড়া হবে না */
}

/* পিসি বিল্ডার পেজের কন্টেইনারের জন্য রেসপন্সিভ ফিক্স */
.page-template-pc-builder-page-template .ast-container {
    width: 100%;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box; /* প্যাডিং যেন মূল প্রস্থকে প্রভাবিত না করে */
}



/* FOUC (Flash of Unstyled Content) Fix for Mega Menu */
.anewbd-mega-menu-container .mega-menu-content {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.anewbd-mega-menu-container.is-active .mega-menu-content {
    visibility: visible;
    opacity: 1;
    display: flex;
}

/* ==========================================================================
   FunnelKit সাইড-কার্ট এবং চেকআউট পপ-আপের কনফ্লিক্ট সমাধান
==========================================================================
*/
body.woocommerce-checkout .bwf-cart-container {
    display: none !important;
}

/* File: anewbd/style.css */

/* -- Swup.js Transition Styles -- */
main.transition-fade {
    transition: 0.3s opacity ease-in-out;
    opacity: 1;
}

html.is-animating main.transition-fade {
    opacity: 0;
}


/* --- প্রোডাক্ট কার্ডের উচ্চতা কমানোর জন্য নতুন CSS কোড --- */

/* ১. ছবি এবং টাইটেলের মধ্যেকার গ্যাপ কমানো হলো */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    margin-bottom: 5px !important; /* আগের 10px থেকে কমানো হলো */
}

/* ২. টাইটেল এবং প্রাইসের মধ্যেকার গ্যাপ কমানো হলো */
.woocommerce ul.products li.product .price {
    margin-top: 2px !important; /* আগের 4px থেকে কমানো হলো */
    margin-bottom: 20px !important; /* আগের 40px থেকে কমানো হলো */
}

/* ৩. বাটনগুলোর উপরের গ্যাপ কমানো হলো */
.woocommerce ul.products li.product .custom-buttons-wrapper {
    padding-top: 8px !important; /* আগের 12px থেকে কমানো হলো */
}

/* ৪. কার্ডের নিচের দিকের অতিরিক্ত প্যাডিং কমানো হলো (এটিই মূল পরিবর্তন) */
.woocommerce ul.products li.product {
    padding-bottom: 85px !important; /* আগের 110px থেকে কমানো হলো */
}

/* ৫. বাটন ও অন্যান্য তথ্যের পজিশন নতুন প্যাডিং অনুযায়ী ঠিক করা হলো */
.woocommerce ul.products li.product .saved-amount-container,
.woocommerce ul.products li.product .sold-count-container {
    bottom: 60px !important; /* আগের 70px থেকে কমানো হলো */
}

/*
================================================
    Global Boxed Layout for All Desktop Devices
================================================
*/

body {
    background-color: #E3E6E6; /* Amazon-এর মতো একটি হালকা ধূসর ব্যাকগ্রাউন্ড */
}

/* --- Astra থিমের প্রধান কন্টেইনারকে বক্স করা হলো --- */
.ast-container {
    max-width: 1500px; /* <<-- Amazon-এর লেআউটের মতো প্রশস্ত করার জন্য প্রস্থ বাড়ানো হলো */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* --- হেডার এবং ফুটারের কন্টেন্ট যেন বক্সের মধ্যেই থাকে --- */
.main-header-bar-container.grid-container,
.ast-footer-overlay .ast-container {
    max-width: 1500px; /* <<-- উপরের max-width এর সাথে এই মানটি মিলিয়ে নিন */
    margin-left: auto;
    margin-right: auto;
}

/* --- পুরো প্রস্থের হেডার ও ফুটার --- */
/* হেডার এবং ফুটারের ব্যাকগ্রাউন্ড পুরো স্ক্রিন জুড়ে থাকবে */
#ast-fixed-header .main-header-bar,
.ast-main-header-wrap,
footer .ast-footer-overlay {
    max-width: 100%;
}


/* FOUC (Flash of Unstyled Content) Fix */
body.anewbd-no-fouc {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}



/* WooCommerce পেজিনেশন ডানদিকে নেওয়ার জন্য */
.woocommerce nav.woocommerce-pagination {
    text-align: right;
}




/* --- প্রোডাক্ট কার্ডের উচ্চতা কমানোর জন্য নতুন CSS কোড --- */

/* ১. কার্ডের ভেতরের প্যাডিং এবং নিচের ফাঁকা জায়গা কমানো হলো */
.woocommerce ul.products li.product {
    padding: 10px !important; /* আগের 15px থেকে কমানো হলো */
    padding-bottom: 70px !important; /* আগের 110px থেকে আরও কমানো হলো */
}

/* ২. ছবির কন্টেইনারের উচ্চতা কমানো হলো */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
    height: 150px !important; /* আগের 200px থেকে কমানো হলো */
    margin-bottom: 8px !important;
}

/* ৩. প্রোডাক্টের টাইটেলের ফন্ট সাইজ ছোট করা হলো */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important; /* আগের 16px থেকে কমানো হলো */
    margin-bottom: 5px !important;
}

/* ৪. মূল্যের ফন্ট সাইজ এবং মার্জিন কমানো হলো */
.woocommerce ul.products li.product .price {
    font-size: 16px !important; /* আগের 18px থেকে কমানো হলো */
    margin-top: 0 !important;
}
.woocommerce ul.products li.product .price del {
    font-size: 12px !important; /* রেগুলার প্রাইসের ফন্ট সাইজ */
}

/* ৫. 'সাশ্রয়' এবং 'বিক্রয়' লেখার পজিশন ও ফন্ট সাইজ ঠিক করা হলো */
.woocommerce ul.products li.product .saved-amount-container,
.woocommerce ul.products li.product .sold-count-container {
    bottom: 55px !important; /* নতুন পজিশন */
    font-size: 12px !important; /* ফন্ট সাইজ ছোট করা হলো */
}


/* Hide product tags on single product page */
.single-product .product_meta .tagged_as {
    display: none !important;
}


/* Hide Breadcrumb from inside the product summary section */
.product-summary-section .woocommerce-breadcrumb {
    display: none !important;
}