/*
Theme Name: نسخه چایلد
Theme URI: https://listivotheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Listivo
Template: listivo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: listivo
*/
:root {
  /* Colors */
	--e-global-color-lprimary1: #B76E79;}
/* سفارشی‌سازی کارت آگهی Listivo v4 برای موبایل و دسکتاپ (افقی، مربع، کادر دکمه) */
.listivo-listing-card-v4 {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    position: relative !important;
    height: auto !important;
    min-height: 150px !important; /* افزایش برای جبران margin پایین (140px + 2*15px) */
    overflow: hidden !important;
    border-radius: 12px !important; /* گوشه‌های گرد برای کارت واحد */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* سایه ملایم */
    background: #fff !important; /* بک‌گراند سفید برای کارت */
    margin-bottom: 5px !important; /* فاصله بیشتر بین کارت‌ها */
}

.listivo-listing-card-v4__gallery {
    flex: 0 0 130px !important; /* عرض ثابت بدون تغییر برای حفظ عرض body */
    height: calc(100% - 30px) !important; /* ارتفاع با جبران margin بالا/پایین */
    position: relative !important;
    margin: 10px 10px 5px 0 !important; /* margin بالا 10px، راست 10px، پایین 5px، چپ 0 */
    aspect-ratio: 1 / 1 !important; /* مربع اجباری */
    overflow: hidden !important;
    border-radius: 12px !important; /* گوشه‌های گردتر برای گالری */
    align-self: flex-start !important; /* flex-start برای اجازه margin پایین */
}

.listivo-listing-card-v4__gallery img,
.listivo-listing-card-v4__gallery .listivo-swiper-container,
.listivo-listing-card-v4__gallery .listivo-swiper-wrapper,
.listivo-listing-card-v4__gallery .listivo-swiper-slide,
.listivo-listing-card-v4__gallery .listivo-swiper-slide img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important; /* پر کردن مربع بدون distortion */
    object-position: center top !important; /* تمرکز روی بالا برای عکس‌های عمودی */
    border-radius: 12px !important; /* گوشه‌های گرد برای تصاویر داخل گالری */
}

.listivo-listing-card-v4__body {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 0px 0px 0 0 !important; /* padding چپ 0، راست 0 برای جبران margin راست گالری، بالا/پایین 0 */
    margin: 0 !important;
    border: none !important; /* حذف هر border احتمالی دور متن */
    border-radius: 0 !important; /* حذف radius دور متن */
}

.listivo-listing-card-v4__inner {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.listivo-listing-card-v4__content {
    flex: 1 !important;
    margin-bottom: 8px !important; /* فاصله از دکمه‌ها */
}

/* مخفی کردن اطلاعات کاربر */
.listivo-listing-card-v4__user {
    display: none !important;
}

/* کادر دکمه‌ها: wrapper جدید برای قلب و چشم، زیر کل کارت */
.listivo-listing-card-v4__bottom {
    position: absolute !important;
    bottom: -9px !important; /* کمی بیرون‌تر برای "زیر کل" */
    left: 32% !important;
    transform: translateX(-50%) !important;
    width: 60% !important; /* عرض مناسب */
    max-width: 180px !important; /* کمی کوچیک‌تر برای فیت */
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important; /* دکمه‌ها بالاتر داخل کادر (بالای کادر) */
    gap: 10px !important; /* فاصله کمتر بین دکمه‌ها */
    padding: 6px 15px !important; /* padding کمتر از بالا برای بالاتر بردن دکمه‌ها */
    background: rgba(255, 255, 255, 0.95) !important; /* بک‌گراند نیمه‌شفاف سفید */
    border-radius: 20px !important; /* گوشه‌های گرد */
    border: 1px solid #e0e0e0 !important; /* border ملایم */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; /* سایه کوچک */
    z-index: 10 !important; /* بالای همه */
}

.listivo-listing-card-v4__icons {
    display: flex !important;
    gap: 20px !important; /* فاصله بیشتر بین دکمه‌ها (fallback با margin) */
    margin: 0 !important;
    padding: 0 !important;
}

/* fallback برای فاصله دکمه‌ها اگر gap کار نکرد */
.listivo-listing-card-v4__icons .listivo-listing-card-v4__icon:first-child {
    margin-right: 20px !important; /* margin راست برای قلب، فاصله 20px */
}

.listivo-listing-card-v4__icon {
    width: 20px !important; /* کوچیک‌تر */
    height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.listivo-listing-card-v4__icon svg {
    width: 14px !important; /* آیکون کوچیک‌تر */
    height: 14px !important;
}

/* برای دسکتاپ: استایل مشابه موبایل (اگر لازم باشه override کن) */
@media (min-width: 769px) {
    .listivo-listing-card-v4 {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
        position: relative !important;
        height: auto !important;
        min-height: 150px !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
        background: #fff !important;
        margin-bottom: 5px !important;
    }

    .listivo-listing-card-v4__gallery {
        flex: 0 0 130px !important;
        height: calc(100% - 30px) !important;
        position: relative !important;
        margin: 10px 10px 5px 0 !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        align-self: flex-start !important;
    }

    .listivo-listing-card-v4__gallery img,
    .listivo-listing-card-v4__gallery .listivo-swiper-container,
    .listivo-listing-card-v4__gallery .listivo-swiper-wrapper,
    .listivo-listing-card-v4__gallery .listivo-swiper-slide,
    .listivo-listing-card-v4__gallery .listivo-swiper-slide img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        border-radius: 12px !important;
    }

    .listivo-listing-card-v4__body {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        padding: 0px 0px 0 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .listivo-listing-card-v4__inner {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .listivo-listing-card-v4__content {
        flex: 1 !important;
        margin-bottom: 8px !important;
    }

    .listivo-listing-card-v4__user {
        display: none !important;
    }

    .listivo-listing-card-v4__bottom {
        position: absolute !important;
        bottom: -9px !important;
        left: 32% !important;
        transform: translateX(-50%) !important;
        width: 60% !important;
        max-width: 180px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 10px !important;
        padding: 6px 15px !important;
        background: rgba(255, 255, 255, 0.95) !important;
        border-radius: 20px !important;
        border: 1px solid #e0e0e0 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
        z-index: 10 !important;
    }

    /* تغییر اندازه فونت نام آگهی فقط در دسکتاپ */
    [dir] .elementor-kit-5644 .listivo-listing-card-name-selector {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }
}
/* اطمینان از اینکه کارت موقعیت‌دهی نسبی دارد */
.listivo-listing-card-v4--featured {
  position: relative;
}

/* حذف برچسب پیش‌فرض از روی تصویر گالری */
.listivo-listing-card-v4__gallery .listivo-listing-card-v4__featured-badge {
  display: none !important;
}
/* اطمینان از موقعیت نسبی کارت */
.listivo-listing-card-v4--featured {
  position: relative;
}
/* موقعیت‌دهی کارت‌های ویژه */
.listivo-listing-card-v4--featured {
  position: relative;
  overflow: hidden; /* برای اینکه نوار از محدوده کارت بیرون نزنه */
}

/* موقعیت‌دهی کارت‌های ویژه */
.listivo-listing-card-v4--featured {
  position: relative;
  overflow: hidden;
}

/* روبان مورب VIP */
.listivo-listing-card-v4--featured::before {
  content: "VIP";
  position: absolute;
  top: 10px;
  left: -28px;
  width: 90px;
  text-align: center;
  background: linear-gradient(135deg, #f8e473, #e3c542, #bda924); /* طلایی درخشان‌تر */
  color: #111111;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 3px 0;
  transform: rotate(-45deg);
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  z-index: 20;
}