/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1778802833
Updated: 2026-05-15 05:53:53

*/
/* ==========================================================================
   COMPACT PRODUCT CARD VIEW (NO REVIEW + OPTIMIZED SPACING + RED THEME)
   ========================================================================= */

/* ১. স্পষ্ট ও কমপ্যাক্ট প্রোডাক্ট কার্ড লেআউট (স্পেসিং কমানো হয়েছে) */
.woocommerce ul.products li.product,
.elementor-widget-container ul.products li.product,
.jet-woo-products .jet-woo-products__item,
.product-card {
    background: #ffffff !important; /* সলিড সাদা ব্যাকগ্রাউন্ড */
    border: 1.5px solid #dcdcdc !important; /* স্পষ্ট বর্ডার */
    border-radius: 12px !important;
    padding: 15px !important; /* প্যাডিং কমিয়ে কমপ্যাক্ট করা হয়েছে */
    margin-bottom: 20px !important; /* নিচের গ্যাপ কিছুটা কমানো হয়েছে */
    text-align: center !important; /* সব কিছু মাঝখানে থাকবে */
    
    /* সুন্দর সফট শ্যাডো যাতে কার্ডটি স্পষ্টভাবে ভেসে ওঠে */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; 
    
    transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* মাউস নিলে হালকা স্মুথ পপ-আপ ইফেক্ট */
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1) !important;
    border-color: #cccccc !important;
}

/* ২. প্রোডাক্টের ছবি - নিখুঁত বড় স্কয়ার */
.woocommerce ul.products li.product a img,
.jet-woo-products__item .jet-woo-products__item-img img,
.product-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* পারফেক্ট স্কয়ার */
    object-fit: cover !important;
    border-radius: 8px !important;
    margin: 0 auto 10px auto !important; /* ছবির নিচের গ্যাপ কমানো হয়েছে */
    display: block !important;
}

/* ৩. প্রোডাক্টের নাম/টাইটেল */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.jet-woo-products__item-title {
    font-size: 17px !important; /* ফন্ট সাইজ কিছুটা অপ্টিমাইজ করা হয়েছে */
    font-weight: 600 !important;
    color: #222222 !important;
    margin: 8px auto 4px auto !important; /* স্পেসিং কমানো হয়েছে */
    line-height: 1.4 !important;
    text-align: center !important;
}

/* ৪. রিভিউ সিস্টেম সম্পূর্ণ হাইড/বাদ দেওয়ার জন্য */
.woocommerce ul.products li.product .star-rating,
.jet-woo-products__item-rating,
.star-rating,
.woocommerce-product-rating {
    display: none !important; /* রিভিউ সেকশন পুরোপুরি উধাও */
    margin: 0 !important;
    padding: 0 !important;
}

/* ৫. দাম বা প্রাইস (লাল রঙের আকর্ষণীয় লুক) */
.woocommerce ul.products li.product .price,
.jet-woo-products__item-price {
    color: #e50914 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 auto 15px auto !important; /* বাটন আর দামের মাঝের গ্যাপ পারফেক্ট করা হয়েছে */
    text-align: center !important;
    display: block !important;
}
.woocommerce ul.products li.product .price del {
    color: #888888 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    margin-right: 5px !important;
}
.woocommerce ul.products li.product .price ins {
    background: transparent !important;
    color: #e50914 !important;
}

/* ৬. "অর্ডার করুন" বাটন (লাল থিম এবং মাঝখানে চওড়া) */
.woocommerce ul.products li.product .button,
.woocommerce div.product .button.button,
.jet-woo-products__item-btn-link,
.elementor-button {
    background-color: #e50914 !important; /* সলিড রেড */
    color: #ffffff !important;
    padding: 12px 25px !important; /* বাটনের সাইজও কিছুটা কমপ্যাক্ট ও সুন্দর করা হয়েছে */
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 260px !important; /* মাঝখানে সুন্দর স্ট্যান্ডার্ড সাইজ */
    margin: 0 auto !important; /* বাটনটিকে একদম মাঝখানে রাখবে */
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: 0 4px 10px rgba(229, 9, 20, 0.2) !important;
}

/* বাটন হোভার ইফেক্ট */
.woocommerce ul.products li.product .button:hover,
.jet-woo-products__item-btn-link:hover,
.elementor-button:hover {
    background-color: #b20710 !important; /* ডার্ক রেড */
    color: #ffffff !important;
    transform: scale(1.02) !important;
}