/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 11 2026 | 10:53:09 */
/* 1. حذف المان‌های اضافی و مزاحم */
.comment-notes, 
.logged-in-as, 
.comment-form-url, 
.required-field-message,
.comment-form-cookies-consent.comment-form-cookies-consent{
    display: none !important;
}

/* 2. تنظیم عنوان "دیدگاهتان را بنویسید" */
.comment-reply-title {
    font-size: 24px !important;
    margin-bottom: 20px !important;
}

/* 3. ساختار چیدمان فرم (استفاده از Flexbox برای کنار هم قرار گرفتن نام و ایمیل) */
#commentform {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

/* تنظیم عرض فیلدها */
.comment-form-author, 
.comment-form-email {
    flex: 1 1 45% !important; /* کنار هم قرار گرفتن */
    margin: 0 !important;
}

.comment-form-comment, 
.form-submit, 
.comment-form-cookies-consent {
    width: 100% !important;
    margin: 0 !important;
}

/* 4. استایل‌دهی فیلدها (Input & Textarea) */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
    background-color: #ffffff !important;
    border: 1px solid #E9D7E0 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important; /* جلوگیری از بهم ریختگی عرض */
    outline: none !important;
}

/* تنظیم برچسب‌ها (Label) */
#commentform label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: bold !important;
}

/* 5. استایل دکمه ارسال (Submit Button) */
#commentform .form-submit input[type="submit"] {
    background-color: #27DA89 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    font-weight: 600 !important;
}

#commentform .form-submit input[type="submit"]:hover {
    background-color: #da2778 !important;
}

/* ریسپانسیو کردن برای موبایل (در صورت نیاز به استک شدن فیلدها) */
@media (max-width: 768px) {
    .comment-form-author, 
    .comment-form-email {
        flex: 1 1 100% !important;
    }
}


/* 1. حذف المان‌های مزاحم (عنوان اصلی، "گفت"، فیلد اضافه) */
.title-comments, .says, .comment-notes, .logged-in-as, .comment-form-url, .required-field-message {
    display: none !important;
}

/* 2. مدیریت تاریخ و ساعت (نمایش مجدد) */
.comment-metadata {
    display: block !important;
    font-size: 12px !important;
    color: #888 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

/* 3. استایل کلی بدنه کامنت */
.comment-body {
    background-color: #ffffff !important;
    border: 1px solid #E9D7E0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

/* 4. استایل متفاوت برای پاسخ‌ها (Children) */
.children .comment-body {
    border: 1px solid #da2778 !important; /* رنگ درخواستی شما */
    background-color: #fffafc !important; /* پس‌زمینه بسیار ملایم برای تشخیص */
}

/* 5. استایل نام نویسنده (باکس دور نام) */
.comment-author .fn {
    display: inline-block !important;
    background-color: #F3F4F6 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    color: #333 !important;
}

/* 6. رنگ و استایل دکمه "پاسخ" */
.reply a {
    color: #da2778 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* 7. اصلاح فاصله و اندازه "لغو پاسخ" */
.comment-reply-title small {
    font-size: 14px !important; /* کوچک‌تر کردن نسبت به عنوان اصلی */
    margin-right: 20px !important; /* ایجاد فاصله از نام */
    display: inline-block !important;
    font-weight: normal !important;
}

/* 8. سلسله مراتب (تورفتگی) */
.comment-list .children {
    margin-right: 35px !important; 
    list-style: none !important;
    padding: 0 !important;
}

/* 9. تنظیم فیلدها و دکمه ارسال (یادآوری از قبل) */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea {
    background-color: #ffffff !important;
    border: 1px solid #E9D7E0 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    width: 100% !important;
}

#commentform .form-submit input[type="submit"] {
    background-color: #27DA89 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
}

/* ۱. حذف کامل شماره‌گذاری و مارکرهای پیش‌فرض لیست */
.comment-list, 
.comment-list ol, 
.comment-list li {
    list-style: none !important;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.comment-list li::marker,
.comment-list ol li::marker {
    display: none !important;
    content: "" !important;
}

/* ۲. تراز افقی و هم‌راستا کردن نام نویسنده و تاریخ با Flexbox در یک ردیف */
.comment-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

/* ۳. استایل باکس تاریخ و ساعت (بک‌گراند سبز ملایم، هم‌راستا و شکیل) */
.comment-metadata {
    background-color: #E8F5E9 !important; /* سبز بسیار ملایم */
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.comment-metadata a {
    color: #2E7D32 !important; /* سبز تیره خوانا برای متن تاریخ */
    text-decoration: none !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {
  .comment-list,
  .comment-list ol,
  .comment-list .children {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}



.elementor-widget-table-of-contents .elementor-toc__list-item-text {
  font-size: 15px !important;
  color: #6E6270 !important;
}

.elementor-widget-table-of-contents .elementor-toc__list-item-text:hover {
  color: #27DA89 !important;
}

@media (max-width: 767px) {
  .elementor-widget-table-of-contents .elementor-toc__list-item-text {
    font-size: 13px !important;
  }
}


/* اعمال استایل ها برای هر دو بخش contentmaghaleh و contentcatpro */
.contentmaghaleh h2,
#contentcatpro h2 {
  font-size: 22px !important;
  line-height: 1.5em !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
}

.contentmaghaleh h3,
#contentcatpro h3 {
  font-size: 20px !important;
  line-height: 1.5em !important;
  font-weight: 400 !important;
  margin-top: 24px !important;
}

.contentmaghaleh img,
#contentcatpro img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 400px !important;
  height: auto !important;
  margin: 24px auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

/* اصلاح مارجین برای تصاویر داخل پاراگراف */
.contentmaghaleh p img,
#contentcatpro p img {
  margin: 24px auto !important;
}

/* بخش ریسپانسیو */
@media (max-width: 767px) {
  .contentmaghaleh h2,
  #contentcatpro h2 {
    font-size: 20px !important;
    line-height: 1.5em !important;
  }

  .contentmaghaleh h3,
  #contentcatpro h3 {
    font-size: 18px !important;
    line-height: 1.5em !important;
  }

  .contentmaghaleh img,
  #contentcatpro img {
    max-height: 420px !important;
  }
}




.filter-text {
    cursor: pointer!important;
}
.filter-text.active span {
    color: #25dd88!important;
}

.e-loop-nothing-found-message {
    display: none!important;
}

.jet-smart-filters-elementor-loop-no-result {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    padding: clamp(24px, 5vw, 40px) 16px!important;
    width: 100%!important;
    text-align: center!important;
    color: #da2778!important;
    font-size: clamp(0.875rem, 2.5vw, 1rem)!important;
    background: #fff!important;
    border: 1px solid rgba(218, 39, 120, 0.15)!important;
    border-radius: 10px!important;
    min-height: 120px!important;
}

@media (max-width: 767px) {
    .jet-smart-filters-elementor-loop-no-result {
        padding: 20px 12px!important;
        min-height: 90px!important;
        border-radius: 8px!important;
    }
}



@media (max-width: 767px) {
  #contsort {
    display: flex !important; /* اطمینان از اعمال فلکس */
    flex-wrap: nowrap !important; /* جلوگیری از رفتن به خط بعد */
    overflow-x: auto !important; /* فعال سازی اسکرول افقی */
    overflow-y: hidden;
    
    /* تنظیم فاصله بین اسپان‌ها */
    gap: 4px!important; 
    
    /* قابلیت اسکرول نرم در iOS */
    -webkit-overflow-scrolling: touch;
    
    /* برای اینکه اسکرول‌پذیری حرفه‌ای باشد (Scroll Snapping) */
    scroll-snap-type: x mandatory;
    

    /* جلوگیری از تداخل با استایل‌های دیگر */
    align-items: center;
  }

  #contsort span {
    /* جلوگیری از جمع شدن اسپان‌ها */
    flex: 0 0 auto !important; 
    display: inline-block;
    
    /* تنظیم فاصله داخلی تگ‌ها (در صورت نیاز) */
    padding: 6px 14px;
    
    /* قفل شدن روی موقعیت در هنگام اسکرول */
    scroll-snap-align: start;
    
    /* جلوگیری از شکستن متن داخل اسپان */
    white-space: nowrap;
  }

  /* شخصی‌سازی اسکرول‌بار سبز رنگ */
  #contsort::-webkit-scrollbar {
    height: 3px; /* نازک‌تر و شیک‌تر */
  }

  #contsort::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05); /* رنگ پس‌زمینه بسیار ملایم */
    border-radius: 8px;
  }

  #contsort::-webkit-scrollbar-thumb {
    background: #25dd88; /* همان رنگ سبز مورد نظرت */
    border-radius: 8px;
  }

  /* Firefox Support */
  #contsort {
    scrollbar-width: thin;
    scrollbar-color: #25dd88 rgba(0, 0, 0, 0.05);
  }
}