/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* استایل لیبل تخفیف مشابه تصویر ارسالی */
.discount-badge-style {
    background-color: #FFD54F !important; /* رنگ صورتی/قرمز مشابه تصویر */
    color: #2B2B2B !important;
    font-family: 'Tahoma', 'Vazir', sans-serif; /* فونت فارسی خود را جایگزین کنید */
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 2px 12px !important;
    border-radius: 50px !important; /* برای ایجاد حالت کپسولی */
    line-height: 22px !important;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    direction: ltr; /* برای نمایش درست علامت درصد کنار عدد */
    z-index: 5;
}

/* افکت هاور اختیاری */
.discount-badge-style:hover {
    transform: scale(1.05);
    transition: 0.3s;
}
/* 1. هم‌ارتفاع کردن باکس‌ها */
.elementor-loop-container .e-loop-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.elementor-loop-container .elementor-section,
.elementor-loop-container .elementor-container,
.elementor-loop-container .elementor-column,
.elementor-loop-container .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 2. چسباندن دکمه به پایین (بدون تأثیر روی چیدمان داخلی) */
.elementor-loop-container .elementor-widget-woocommerce-product-add-to-cart {
    margin-top: auto;
}

/* جلوگیری از تغییر حالت فلکس داخل دکمه */
.elementor-loop-container .elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
    display: block;
}