.elementor-7090 .elementor-element.elementor-element-0892ffe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7090 .elementor-element.elementor-element-2146066 .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-7090 .elementor-element.elementor-element-2146066 .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-7090 .elementor-element.elementor-element-2146066 .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-7090 .elementor-element.elementor-element-2146066 .jet-listing-dynamic-image__caption{text-align:left;}.elementor-7090 .elementor-element.elementor-element-eb716b8 .jet-listing-dynamic-link__link{align-self:stretch;font-family:"IRANSansWeb_Medium", Sans-serif;font-size:15px;font-weight:500;padding:5px 10px 5px 10px;border-style:dashed;border-radius:20px 20px 20px 20px;flex-direction:row;}.elementor-7090 .elementor-element.elementor-element-eb716b8 .jet-listing-dynamic-link__icon{order:1;}/* Start custom CSS for container, class: .elementor-element-0892ffe *//* --- 1. تنظیمات کانتینر اصلی (مادر) --- */
.listing-card-wrapper {
    position: relative; 
    overflow: hidden; 
    z-index: 1; 
    
    /* تنظیمات عمق سه‌بعدی */
    perspective: 1000px; 
    
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4); 
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

/* --- 2. تنظیم تصویر اصلی (برای کج شدن/تیره شدن) --- */
.listing-card-wrapper img {
    /* حالت عادی: تیره و مات */
    filter: grayscale(100%) brightness(50%);
    
    /* اعمال کج شدن ملایم در حالت عادی */
    transform: skewX(-1deg);
    
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    display: block;
    position: relative;
    z-index: 1; 
}

/* --- 3. ساخت لایه خط نوری (Anamorphic Flare) با ::before --- */

.listing-card-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20%; /* عرض خط نور */
    height: 100%;
    z-index: 5; 
    pointer-events: none;
    
    /* **خط نوری با گرادیان سفید شفاف** */
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.8) 50%, 
        rgba(255, 255, 255, 0) 100%
    );
    
    /* حالت ترکیب: Hard Light برای جلوه درخشان روی تصویر */
    mix-blend-mode: hard-light; 
    
    /* کج شدن خط نور (همانند انیمیشن) */
    transform: translate3d(-100%, 0, 0) skewX(-20deg);
    
    opacity: 0; /* در حالت عادی پنهان است */
    transition: opacity 0.1s;
}

/* --- 4. فعال کردن افکت‌ها هنگام هاور (آشکارسازی و اسکن) --- */

.listing-card-wrapper:hover {
    /* تقویت سایه و حذف کج شدگی کل کانتینر */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    transform: none; 
}

.listing-card-wrapper:hover img {
    /* **آشکارسازی: رنگی و بدون کج شدگی** */
    filter: none; 
    transform: skewX(0deg); 
}

.listing-card-wrapper:hover::before {
    opacity: 1; /* خط نوری فعال می‌شود */
    
    /* **فراخوانی انیمیشن اسکن نور (فقط یکبار)** */
    animation: light-scan 0.8s ease-out 1; /* 0.8 ثانیه، فقط یکبار اجرا می‌شود */
}

/* 🚀 --- 5. افکت تغییر رنگ عنوان (مانند قبل) --- */
.listing-card-wrapper .title-color-change,
.listing-card-wrapper .title-color-change * { 
    color: #B1B1B1 !important; 
    transition: color 0.6s ease-in-out;
}

.listing-card-wrapper:hover .title-color-change,
.listing-card-wrapper:hover .title-color-change * { 
    color: #D400AE !important; 
}/* End custom CSS */