/* ==========================================================================
   GK Product Price – Styles
   ========================================================================== */

/* استایل اصلی قیمت */
.elementor-widget-gk-product-price .price {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px; /* فاصله بین قیمت اصلی و تخفیف خورده */
    flex-wrap: wrap;
}

/* قیمت اصلی (خط خورده) */
.elementor-widget-gk-product-price .price del {
    order: 2; /* همیشه بعد از قیمت تخفیف خورده نمایش داده شود */
    font-size: 0.8em;
    font-weight: 400;
    color: #999;
    opacity: 0.8;
}

/* قیمت تخفیف خورده (قیمت فعلی) */
.elementor-widget-gk-product-price .price ins {
    order: 1;
    text-decoration: none;
    background: none;
}

/* برای زمانی که محصول در حالت عادی است و تخفیف ندارد */
.elementor-widget-gk-product-price .price > .amount {
    order: 1;
}

/* انیمیشن برای آپدیت قیمت */
.gk-variable-price.is-updating {
    opacity: 0.5;
    transition: opacity 0.2s;
}


/* ==========================================================================
   GK Product Price – Styles
   ========================================================================== */

/* انیمیشن هایلایت شدن قیمت */
@keyframes gk-price-highlight {
    0% {
        background-color: rgba(220, 225, 230, 0); /* شروع شفاف */
    }
    30% {
        background-color: rgba(220, 225, 230, 0.7); /* طوسی ملایم در اوج */
    }
    100% {
        background-color: rgba(220, 225, 230, 0); /* محو شدن کامل */
    }
}

/* استایل اصلی قیمت */
.elementor-widget-gk-product-price .price {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    display: inline-flex; /* تغییر به inline-flex برای اندازه متناسب با محتوا */
    align-items: center;
    gap: 8px; /* فاصله بین قیمت اصلی و تخفیف خورده */
    flex-wrap: wrap;
    padding: 4px 8px; /* کمی پدینگ برای زیبایی بک‌گراند هایلایت */
    border-radius: 8px; /* گرد کردن گوشه‌ها */
    transition: background-color 0.3s; /* برای نرمی بیشتر */
}

/* اعمال انیمیشن زمانی که کلاس اضافه می‌شود */
.elementor-widget-gk-product-price .price.is-highlighted {
    animation: gk-price-highlight 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}


/* قیمت اصلی (خط خورده) */
.elementor-widget-gk-product-price .price del {
    order: 2; /* همیشه بعد از قیمت تخفیف خورده نمایش داده شود */
    font-size: 0.8em;
    font-weight: 400;
    color: #999;
    opacity: 0.8;
}

/* قیمت تخفیف خورده (قیمت فعلی) */
.elementor-widget-gk-product-price .price ins {
    order: 1;
    text-decoration: none;
    background: none;
}

/* برای زمانی که محصول در حالت عادی است و تخفیف ندارد */
.elementor-widget-gk-product-price .price > .amount {
    order: 1;
}

/* انیمیشن برای آپدیت قیمت (لودینگ) */
.gk-variable-price.is-updating {
    opacity: 0.5;
    transition: opacity 0.2s;
}