.elementor-86 .elementor-element.elementor-element-fb5edb1{--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-widget-theme-post-title .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-86 .elementor-element.elementor-element-2c914f7{text-align:center;}.elementor-86 .elementor-element.elementor-element-2c914f7 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-feature-settings:"numr";font-size:22px;font-weight:400;line-height:50px;color:var( --e-global-color-b26b69c );}.elementor-86 .elementor-element.elementor-element-fc19ab4{--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-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-86 .elementor-element.elementor-element-d0865fb{text-align:right;color:var( --e-global-color-b08f6af );}/* Start custom CSS for theme-post-content, class: .elementor-element-d0865fb *//* Custom CSS for Beautifying AI-Generated Content */
/* Add the class "ai-chat-style" to your main text container in Elementor */

.ai-chat-style {
    font-family: 'Vazirmatn', sans-serif; /* پیشنهاد فونت خوانای فارسی */
    line-height: 1.8;
    color: #333;
    font-size: 17px;
}

/* === Headings Styling === */
/* استایل تیترهای اصلی و فرعی */
.ai-chat-style h1,
.ai-chat-style h2,
.ai-chat-style h3,
.ai-chat-style h4 {
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 700; /* ضخامت بیشتر برای تیترها */
    color: #1a202c; /* رنگ تیره و جذاب برای تیتر */
    margin-top: 2.5em;
    margin-bottom: 1em;
    line-height: 1.4;
    position: relative;
    padding-right: 15px; /* ایجاد فاصله برای خط عمودی */
}

/* اضافه کردن خط عمودی زیبا کنار تیترها */
.ai-chat-style h2::before,
.ai-chat-style h3::before {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    bottom: 5px;
    width: 5px;
    background: linear-gradient(180deg, #4a90e2, #50e3c2); /* گرادینت جذاب */
    border-radius: 5px;
}

.ai-chat-style h2 {
    font-size: 28px;
    border-bottom: 2px solid #e2e8f0; /* خط جداکننده برای تیترهای اصلی */
    padding-bottom: 10px;
}

.ai-chat-style h3 {
    font-size: 22px;
}

.ai-chat-style h4 {
    font-size: 18px;
    color: #4a5568;
    padding-right: 0; /* برای تیتر 4 خط عمودی نمی‌خواهیم */
}

.ai-chat-style h4::before {
    display: none;
}


/* === Lists Styling === */
/* استایل لیست‌های شماره‌دار و بولت‌پوینت */
.ai-chat-style ul,
.ai-chat-style ol {
    padding-right: 25px;
    margin-bottom: 1.5em;
}

.ai-chat-style li {
    margin-bottom: 0.8em;
    padding-right: 10px; /* فاصله از بولت */
    position: relative;
}

/* تغییر ظاهر بولت‌پوینت‌ها */
.ai-chat-style ul > li::before {
    content: '✓'; /* یا از ایموجی 👈 استفاده کنید */
    position: absolute;
    right: -15px;
    top: 1px;
    color: #38a169; /* رنگ سبز تایید */
    font-weight: bold;
    font-size: 18px;
}

.ai-chat-style ul > li {
   list-style-type: none; /* حذف بولت‌پوینت پیش‌فرض */
}


/* === Blockquote & Important Notes === */
/* استایل نقل‌قول و نکات مهم */
.ai-chat-style blockquote {
    background-color: #f7fafc;
    border-right: 5px solid #4a90e2; /* رنگ آبی برای تاکید */
    padding: 20px 25px;
    margin: 2em 0;
    border-radius: 8px 0 0 8px;
    font-size: 16px;
    font-style: italic;
    color: #4a5568;
}

.ai-chat-style blockquote p {
    margin-bottom: 0;
}


/* === Code Blocks Styling === */
/* استایل بلوک‌های کد (مثل پرامپت‌ها) */
.ai-chat-style pre {
    background-color: #1a202c; /* پس‌زمینه تیره برای کد */
    color: #e2e8f0;
    padding: 20px;
    border-radius: 8px;
    margin: 2em 0;
    white-space: pre-wrap; /* برای شکستن خطوط طولانی کد */
    word-wrap: break-word;
    font-family: 'Courier New', Courier, monospace;
    font-size: 15px;
    direction: ltr; /* همیشه چپ‌چین برای کد */
    text-align: left;
}

.ai-chat-style pre code {
    background: none;
    padding: 0;
    color: inherit;
    font-size: inherit;
}


/* === Inline Code & Bold Text === */
/* استایل کد داخل متن و متن‌های برجسته */
.ai-chat-style code {
    background-color: #edf2f7;
    color: #c53030; /* رنگ قرمز برای کد */
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: 'Courier New', Courier, monospace;
}

.ai-chat-style strong {
    color: #2b6cb0; /* رنگ آبی برای کلمات برجسته */
    font-weight: 600;
}

/* === Paragraph Styling === */
.ai-chat-style p {
    margin-bottom: 1.5em;
}

/* === Link Styling === */
.ai-chat-style a {
    color: #3182ce;
    text-decoration: none;
    border-bottom: 2px dotted #a0aec0;
    transition: all 0.2s ease-in-out;
}

.ai-chat-style a:hover {
    color: #2c5282;
    background-color: #e2e8f0;
    border-bottom-style: solid;
}/* End custom CSS */