.tav-trigger {
    margin: 10px 0;
}
.tav-trigger p {
    margin: 0 0;
}

.tav-trigger.tav-deal-expiry {
    border: 1px solid var(--deal-expiry-border-color);
    background-color: var(--deal-expiry-background-color);
    color: var(--deal-expiry-text-color);
    padding: var(--deal-expiry-padding);
    font-size: var(--deal-expiry-font-size);
    border-radius: var(--deal-expiry-border-radius);
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.tav-trigger.tav-deal-expiry .tav-icon {
    font-size: var(--deal-expiry-icon-size);
    color: var(--deal-expiry-icon-color);
    margin-right: 8px;
    margin-left: 8px;
}

.tav-trigger.tav-deal-expiry span {
    margin-right: 5px;
}

.tav-trigger.tav-low-stock {
    border: 1px solid var(--low-stock-border-color);
    background-color: var(--low-stock-background-color);
    color: var(--low-stock-text-color);
    padding: var(--low-stock-padding);
    font-size: var(--low-stock-font-size);
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.tav-trigger.tav-low-stock .tav-icon {
    font-size: var(--low-stock-icon-size);
    color: var(--low-stock-icon-color);
    margin-right: 8px;
    margin-left: 8px;
}


.tav-trigger.tav-savings {
    border: 1px solid var(--savings-border-color);
    background-color: var(--savings-background-color);
    color: var(--savings-text-color);
    padding: var(--savings-padding);
    font-size: var(--savings-font-size);
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.tav-trigger.tav-savings .tav-icon {
    font-size: var(--savings-icon-size);
    color: var(--savings-icon-color);
    margin-right: 8px;
    margin-left: 8px;
}

.tav-trigger.tav-guarantee {
    border: 1px solid var(--guarantee-border-color);
    background-color: var(--guarantee-background-color);
    color: var(--guarantee-text-color);
    padding: var(--guarantee-padding);
    font-size: var(--guarantee-font-size);
    border-radius: var(--guarantee-border-radius);
}

.tav-trigger.tav-guarantee h4 {
    font-family: inherit;
    color: var(--guarantee-title-color);
    font-size: var(--guarantee-title-font-size);
}

.tav-guarantee-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tav-guarantee-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.tav-guarantee-item:last-child {
    margin-bottom: 0;
}

.tav-trigger.tav-guarantee .tav-icon {
    color: var(--guarantee-icon-color);
    font-size: var(--guarantee-icon-size);
     margin-right: 8px;
    margin-left: 8px;
}

.tav-guarantee-text {
    font-size: var(--tav-font-size);
    color: var(--tav-text-color);
    font-family: inherit;
}

/* Coupons Trigger */
.tav-trigger.tav-coupons {
    border: 1px solid var(--coupons-border-color, #f0c040); /* Adjusted to use a fallback color */
    background-color: var(--coupons-background-color, #fffaf0); /* Light background */
    color: var(--coupons-text-color, #333); /* Dark text for contrast */
    padding: var(--coupons-padding, 12px); /* Uniform padding for better layout */
    font-size: var(--coupons-font-size, 1rem);
    border-radius: 10px; /* Rounded corners for the box */
    margin-top: 20px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.tav-trigger.tav-coupons h4 {
    font-size: var(--coupons-title-font-size, 1.2rem);
    color: var(--coupons-title-color, #e08e35); /* Stronger color for title */
    font-family: inherit;
    margin-bottom: 15px; /* Space below title */
}

.tav-coupons-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tav-coupon-item {
    display: flex; /* استفاده از فلکس‌باکس */
    align-items: center; /* عمودی تراز کردن محتوا */
    padding: 8px 0;
    border-bottom: 1px solid var(--tav-border-color, #f0c040); /* Divider between coupons */
    font-size: var(--tav-font-size, 0.95rem);
    justify-content: space-between; /* دکمه در سمت چپ، متن و آیکون در سمت راست */
}

.tav-coupon-details {
    display: flex; /* استفاده از فلکس‌باکس برای متن و آیکون */
    align-items: center; /* تراز عمودی متن و آیکون */
    text-align: inherit; /* متن راست‌چین */
    direction: inherit; /* مناسب برای متن فارسی */
}



.tav-coupon-item:last-child {
    border-bottom: none; /* Remove divider on last item */
}

.tav-coupon-text {
    font-size: var(--coupons-item-font-size, 0.95rem);
    color: var(--coupons-item-text-color, #555); /* Softer color for coupon text */
    margin: 0; /* حذف فاصله اضافی */
    font-family: inherit;
    text-align: inherit; /* راست‌چین کردن متن */
    direction: inherit; /* راست به چپ برای زبان فارسی */
    margin-right: 4px;

}

.tav-trigger.tav-coupons .tav-icon {
    font-size: var(--coupons-icon-size, 16px);
    color: var(--coupons-icon-color, #32CD32);
    margin: 0; /* حذف فاصله اضافی */
     margin-right: 8px;
    margin-left: 8px;
}


.tav-custom-coupon-button {
    background-color: var(--coupons-btn-background-color, #32CD32) !important;
    color: var(--coupons-btn-text-color, #fff) !important;
    font-size: var(--coupons-btn-text-size, 14px) !important;
    border: 1px solid var(--coupons-btn-border-color, #228B22) !important;
    border-radius: var(--coupons-btn-border-radius, 5px) !important;
    padding: 10px 20px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: all 0.3s ease !important;
    margin-left: auto !important; /* دکمه به سمت چپ فیکس می‌شود */
}



/* Shop Page Display */
.tav-trigger-item {
    background-color: var(--tav-background-color);
    padding: 5px 10px;
    margin-top: 5px;
    border: 1px solid var(--tav-border-color);
    border-radius: 4px;
    font-size: var(--tav-font-size);
    color: var(--tav-text-color);
}

.tav-trigger-item p {
    margin: 0;
}


/* Best Reviews Trigger */
.tav-trigger.tav-best-reviews {
    display: flex;
    align-items: center;
    border: 1px solid var(--best-reviews-border-color, #007cba);
    background-color: var(--best-reviews-background-color, #f0f8ff);
    color: var(--best-reviews-text-color, #333333);
    padding: var(--best-reviews-padding, 10px);
    font-size: var(--best-reviews-font-size, 14px);
    border-radius: var(--best-reviews-border-radius, 10px);
}

.tav-trigger.tav-best-reviews .tav-icon {
    font-size: var(--best-reviews-icon-size, 18px);
    color: var(--best-reviews-icon-color, #FFD700); /* Gold color */
    margin-right: 8px;
    margin-left: 8px;
}

.tav-trigger.tav-best-reviews p {
    margin: 0;
    font-family: inherit;
}



/* Sales Count Trigger */
.tav-trigger.tav-sales-count {
    border: 1px solid var(--sales-count-border-color, #666666); /* Default border color */
    background-color: var(--sales-count-background-color, #f9f9f9); /* Default background color */
    color: var(--sales-count-text-color, #333333); /* Default text color */
    padding: var(--sales-count-padding, 15px); /* Default padding */
    font-size: var(--sales-count-font-size, 14px); /* Default font size */
    border-radius: var(--sales-count-border-radius, 10px); /* Default border radius */
    margin: 10px 0; /* Spacing between triggers */
    display: flex;
    align-items: center;
}

/* Sales Count Icon */
.tav-trigger.tav-sales-count .tav-icon {
    color: var(--sales-count-icon-color, #007cba); /* Default icon color */
    font-size: var(--sales-count-icon-size, 20px); /* Default icon size */
     margin-right: 8px;
    margin-left: 8px;
}

/* Sales Count Text */
.tav-trigger.tav-sales-count p {
    margin: 0; /* Reset default paragraph margin */
    font-family: inherit;
    color: var(--sales-count-text-color, #333333); /* Text color */
    font-size: var(--sales-count-font-size, 14px); /* Font size */
}



.tav-trigger.tav-live-visitors {
    border-radius: var(--live-visitors-border-radius);
    border: var(--live-visitors-border);
    background-color: var(--live-visitors-bg-color);
    color: var(--live-visitors-text-color);
    padding: var(--live-visitors-padding);
    font-size: var(--live-visitors-font-size);
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.tav-trigger.tav-live-visitors .tav-icon {
    color: var(--live-visitors-icon-color);
    font-size: var(--live-visitors-icon-size);
    margin-right: 8px;
    margin-left: 8px;
}

.tav-trigger.tav-live-visitors p {
    margin: 0;
    font-family: inherit;
}

.tav-trigger.tav-live-cart {
    display: flex;
    align-items: center;
    padding: var(--tav-live-cart-padding, 10px);
    border: 1px solid var(--tav-live-cart-border-color, #007cba);
    background-color: var(--tav-live-cart-background-color, #f0f8ff);
    border-radius: var(--tav-live-cart-border-radius, 5px);
}

.tav-trigger.tav-live-cart p {
    margin: 0;
    font-size: var(--tav-live-cart-font-size, 14px);
    font-family: inherit;
    color: var(--tav-live-cart-text-color, #333333);
}

.tav-trigger.tav-live-cart .tav-icon {
    font-size: var(--tav-live-cart-icon-size, 16px);
    color: var(--tav-live-cart-icon-color, #007cba);
    margin-right: 8px;
    margin-left: 8px;
}


/* حذف پیش‌فرض‌های Swiper */
.swiper {
    width: 100%;
    max-width: 100%;
    margin: 15px 5px;
    background: transparent;
    border: none;
    padding: 0;
}

.swiper-wrapper {
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

/* تنظیمات ساده برای هر اسلاید */
.swiper-slide {
    display: flex;
    align-items: inherit;
    justify-content: flex-start;
    height: auto; /* ارتفاع خودکار */
    padding: 0; /* حذف فاصله‌های اضافی */
    font-size: var(--swiper-slide-font-size); /* اندازه متن */
    color:  var(--swiper-slide-text-color); /* استفاده از رنگ پیش‌فرض */
    background: transparent; /* حذف پس‌زمینه */
    border: none; /* حذف حاشیه */
    box-shadow: none; /* حذف سایه */
}

/* استایل آیکون‌ها */
.swiper-slide i {
    padding: 7px 5px;
    font-size: var(--swiper-slide-icon-size); /* اندازه آیکون */
    margin-left: 8px; /* فاصله بین آیکون و متن */
    color: var(--swiper-slide-icon-color); /* رنگ آیکون */
}

/* تنظیم متن */
.swiper-slide span {
    padding: 3px 0px;
    font-size: var(--swiper-slide-font-size); /* اندازه متن */
    color: var(--swiper-slide-text-color); /* رنگ متن */
    line-height: 1.5;
}




