.elementor-570 .elementor-element.elementor-element-6c75fc7{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-570 .elementor-element.elementor-element-7fb0acd .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:600;}.elementor-570 .elementor-element.elementor-element-e4996b6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:13px;--padding-bottom:9px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-e4996b6:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-e4996b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-e4996b6.e-con{--align-self:stretch;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-570 .elementor-element.elementor-element-3667a47{--box-min-height:0px;padding:0px 0px 0px 0px;--box-border-width:0px;--box-border-radius:0px;--separator-width:0px;--box-padding:3px;--item-text-hover-color:var( --e-global-color-primary );--item-text-active-color:var( --e-global-color-primary );}.elementor-570 .elementor-element.elementor-element-3667a47.elementor-element{--align-self:center;}.elementor-570 .elementor-element.elementor-element-3667a47 .elementor-toc__header-title{text-align:start;}.elementor-570 .elementor-element.elementor-element-3667a47 .elementor-toc__list-item{font-weight:400;}.elementor-570 .elementor-element.elementor-element-6774d9b .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-570 .elementor-element.elementor-element-45143c5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-570 .elementor-element.elementor-element-c0eb9e6{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-570 .elementor-element.elementor-element-c0eb9e6 .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:600;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-570 .elementor-element.elementor-element-aa32547{--grid-columns:3;}.elementor-570 .elementor-element.elementor-element-aa32547 > .elementor-widget-container{padding:0px 0px 80px 0px;}.elementor-570 .elementor-element.elementor-element-aa32547.elementor-element{--align-self:stretch;}.elementor-570 .elementor-element.elementor-element-da65607 .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:600;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-570 .elementor-element.elementor-element-df6f85f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-df6f85f .gallery-item .gallery-caption{display:none;}.elementor-570 .elementor-element.elementor-element-df6f85f .gallery-item{padding:0 25px 25px 0;}.elementor-570 .elementor-element.elementor-element-df6f85f .gallery{margin:0 -25px -25px 0;}.elementor-570 .elementor-element.elementor-element-06d7c7c .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:600;}@media(min-width:501px){.elementor-570 .elementor-element.elementor-element-6c75fc7{--content-width:1240px;}}@media(max-width:1024px){.elementor-570 .elementor-element.elementor-element-aa32547{--grid-columns:2;}}@media(max-width:500px){.elementor-570 .elementor-element.elementor-element-aa32547{--grid-columns:1;}}/* Start custom CSS for table-of-contents, class: .elementor-element-3667a47 *//* مطمئن شوید که UL پدر، خاصیت فلکس را می‌گیرد */
.elementor-570 .elementor-element.elementor-element-3667a47 .elementor-toc__list-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    padding-left: 0 !important;
}

/* آیتم‌های لیست را برای کنترل فاصله تنظیم کنید */
.elementor-570 .elementor-element.elementor-element-3667a47 .elementor-toc__list-item {
    margin-right: 20px !important; 
    list-style: none !important; 
}

/* برای رفع مشکل پوشانده شدن محتوا توسط هدر چسبنده (Sticky Header) */

/* 1. ایجاد فاصله منفی برای جابجایی محل لنگر */
/* مقدار 80px باید ارتفاع هدر چسبنده شما باشد. */
.elementor-toc__list-item a::before {
    content: "";
    display: block;
    height: 80px; 
    margin-top: -80px; 
    visibility: hidden;
}

/* 2. هدف قرار دادن مستقیم سرفصل‌ها (روش جایگزین یا مکمل) */
/* اگر TOC شما از تگ‌های H2 استفاده می‌کند: */
h2[id] {
    padding-top: 80px; /* ایجاد فضای خالی بالای سرفصل */
    margin-top: -80px; /* بازگرداندن سرفصل به جایگاه اصلی برای جبران پدینگ */
}

/* این کد به مرورگر می‌گوید هنگام اسکرول به لنگرها،
   80 پیکسل از بالای صفحه را به‌عنوان هدر چسبنده نادیده بگیرد. */
:root {
    /* 80px را با ارتفاع دقیق هدر چسبنده خود جایگزین کنید. */
    scroll-padding-top: 150px; 
}

/* اگر از تگ HTML Body استفاده می‌کنید (کمی کمتر رایج): */
/* body {
    scroll-padding-top: 80px; 
} *//* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-427baee *//* --- استایل بخش نظرات - نسخه نهایی --- */

/* کانتینر اصلی کل بخش نظرات */
.comments-area {
    f;
    padding: 25px;
    border-radius: 16px;
    font-family: yekanbakh, sans-serif;
  
    margin-top: 40px;
}

/* لیست کامنت‌ها */
.comment-list {
    list-style: none;
    padding: 0;
}

/* استایل هر کامنت تکی */
.comment-body {
    background-color: #f7f8fa;
    padding: 22px;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
    direction: rtl;
}

/* نویسنده و آواتار */
.comment-author {
    display: flex;
    align-items: center;
    gap: 10px;
}
.comment-author .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 8px;  /* فاصله از لبه راست */
    margin-left: 8px;   /* فاصله از متن سمت چپ */
    flex-shrink: 0;
    padding: 0;
}
.comment-author .fn {
    font-weight: bold;
    font-size: 16px;
    color: #2c3e50;
    text-decoration: none;
}

/* اطلاعات متا (نام، تاریخ، ویرایش) */
.comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}
.comment-metadata a {
    font-size: 13px;
    color: #888;
    text-decoration: none;
}

/* متن اصلی کامنت */
.comment-content {
    margin: 0;
    text-align: right;
}
.comment-content p {
    font-size: 15px;
    line-height: 1.7;
    color: #34495e;
    margin: 0;
    padding: 0;
}

/* دکمه پاسخ */
.reply {
    margin-top: 15px;
    padding-right: 10px;
    text-align: right;
}
.reply .comment-reply-link {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #555;
    padding: 6px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}
.reply .comment-reply-link:hover {
    background-color: #DA5248;
    border-color: #ccc;
}

/* فرم ارسال دیدگاه */
#respond {
    margin-top: 40px;
}
#reply-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #2c3e50;
}
#reply-title small a {
    color: #e74c3c;
    font-weight: normal;
    font-size: 14px;
    margin-right: 10px;
}
.comment-form-url {
    display: none;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width: 100%;
    padding: 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    font-family: yekanbakh, sans-serif;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    margin-top: 8px;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}
.comment-form-author,
.comment-form-email {
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
}
.comment-form-author {
    margin-left: 20px;
}
.comment-form label {
    font-weight: 500;
    color: #444;
}
.form-submit #submit {
    background-color: #DA5248;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.form-submit #submit:hover {
    opacity: 0.9;
}
.comment-notes {
    font-size: 13px;
    color: #777;
    margin-bottom: 20px;
}

/* موبایل */
@media (max-width: 768px) {
    .comments-area {
        padding: 15px;
        margin-top: 20px;
    }
    .comment-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 15px;
    }
    .comment-meta {
        gap: 8px 12px;
        padding: 10px;
    }
    .comment-form-author,
    .comment-form-email {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .comment-form-author {
        margin-bottom: 15px;
    }
    .comment-author .fn {
        font-size: 15px;
    }
    .comment-content p {
        font-size: 14px;
        padding: 10px;
    }
    #reply-title {
        font-size: 18px;
    }
}
.comment-form-author {
    margin-left:0px; !important
}/* End custom CSS */