.elementor-3472 .elementor-element.elementor-element-ad22551{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3472 .elementor-element.elementor-element-ad22551:not(.elementor-motion-effects-element-type-background), .elementor-3472 .elementor-element.elementor-element-ad22551 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D2241;}.elementor-3472 .elementor-element.elementor-element-ffbd856{margin:0px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3472 .elementor-element.elementor-element-ffbd856 a{color:var( --e-global-color-accent );}.elementor-3472 .elementor-element.elementor-element-ffbd856 a:hover{color:var( --e-global-color-accent );}.elementor-3472 .elementor-element.elementor-element-500ca4d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3472 .elementor-element.elementor-element-68a875b{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-theme-post-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3472 .elementor-element.elementor-element-fca4b53 .elementor-heading-title{font-size:20px;font-weight:700;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-3472 .elementor-element.elementor-element-75ae97b .elementor-icon-list-icon{width:14px;}.elementor-3472 .elementor-element.elementor-element-75ae97b .elementor-icon-list-icon i{font-size:14px;}.elementor-3472 .elementor-element.elementor-element-75ae97b .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3472 .elementor-element.elementor-element-75ae97b .elementor-icon-list-text, .elementor-3472 .elementor-element.elementor-element-75ae97b .elementor-icon-list-text a{color:var( --e-global-color-3e5218c );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );}.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-3472 .elementor-element.elementor-element-9023bf4 .elementor-toc__header-title{text-align:start;}.elementor-3472 .elementor-element.elementor-element-9023bf4 .elementor-toc__header{flex-direction:row;}.elementor-3472 .elementor-element.elementor-element-9023bf4{--item-text-hover-decoration:underline;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );}.elementor-3472 .elementor-element.elementor-element-996934e{color:var( --e-global-color-primary );}.elementor-widget-text-editor{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-3472 .elementor-element.elementor-element-c1e8fe6{--display:flex;}.elementor-3472 .elementor-element.elementor-element-eba36b3{color:var( --e-global-color-primary );}.elementor-3472 .elementor-element.elementor-element-88a53e6{--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-3472 .elementor-element.elementor-element-145ed6f{--display:flex;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );}.elementor-3472 .elementor-element.elementor-element-a4cf678{--grid-row-gap:35px;z-index:2;--grid-column-gap:30px;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__thumbnail__link{width:100%;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__meta-data span + span:before{content:"|";}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__card{border-color:var( --e-global-color-accent );border-width:0px;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__text{margin-top:15px;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__title, .elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__title a{color:#313131;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__title{margin-bottom:10px;}body.elementor-page-3472:not(.elementor-motion-effects-element-type-background), body.elementor-page-3472 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a028bdb );}@media(min-width:768px){.elementor-3472 .elementor-element.elementor-element-68a875b{--width:75%;}.elementor-3472 .elementor-element.elementor-element-c1e8fe6{--width:25%;}}@media(max-width:1024px){.elementor-3472 .elementor-element.elementor-element-ffbd856{font-size:var( --e-global-typography-text-font-size );}.elementor-3472 .elementor-element.elementor-element-a4cf678 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-3472 .elementor-element.elementor-element-ffbd856{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:var( --e-global-typography-text-font-size );}.elementor-3472 .elementor-element.elementor-element-fca4b53 .elementor-heading-title{font-size:20px;}.elementor-3472 .elementor-element.elementor-element-a4cf678 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3472 .elementor-element.elementor-element-a4cf678:after{content:"0.5";}.elementor-3472 .elementor-element.elementor-element-a4cf678 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-ffbd856 *//* تنظیمات فونت برای دسکتاپ */
.elementor-3472 .elementor-element.elementor-element-ffbd856, 
.elementor-3472 .elementor-element.elementor-element-ffbd856 a, 
.elementor-3472 .elementor-element.elementor-element-ffbd856 span {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* تنظیمات فونت برای موبایل و تبلت */
@media (max-width: 768px) {
    .elementor-3472 .elementor-element.elementor-element-ffbd856, 
    .elementor-3472 .elementor-element.elementor-element-ffbd856 a, 
    .elementor-3472 .elementor-element.elementor-element-ffbd856 span {
        font-size: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad22551 *//* کانتینر اصلی بردکرامب با بک‌گراند تیره */
.ghazal-breadcrumb {
    background-color: #1D2241 !important; /* سرمه‌ای برند */
    
    border-radius: 12px; /* کمی گرد کردن گوشه‌ها برای لوکس شدن */
  margin-bottom: 5px !important;
    font-size: 14px !important;
    display: inline-block; /* باکس فقط به اندازه متن کش بیاید */
}

/* استایل لینک‌های مسیر (صفحات قبل) */
.ghazal-breadcrumb a {
    color: rgba(255, 255, 255, 0.7) !important; /* سفید نیمه‌شفاف */
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-weight: 500;
}

/* هاور لینک‌ها */
.ghazal-breadcrumb a:hover {
    color: #F2BF32 !important; /* در هاور زرد شود */
}

/* استایل جداکننده (Separator) */
.ghazal-breadcrumb .elementor-breadcrumb-separator {
    color: #F2BF32 !important; /* زرد برند (کنتراست عالی روی سرمه‌ای) */
    margin: 0 10px !important;
    font-weight: bold;
}

/* متن صفحه فعلی (آخرین بخش) */
.ghazal-breadcrumb span:last-child {
    color: #ffffff !important; /* سفید خالص و درخشان */
    font-weight: 700 !important;
}

/* موبایل */
@media (max-width: 768px) {
    .ghazal-breadcrumb {
       padding: 10px 0px !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-75ae97b *//* کانتینر کلی اطلاعات پست */
        .ghazal-post-info {
            margin-top: -25px !important; /* نزدیک شدن به عنوان h1 */
            margin-bottom: 30px !important;
            padding-right: 25px !important; /* تراز شدن دقیق با متن h1 */
            display: flex;
            gap: 20px;

        }

        /* استایل هر آیتم (تاریخ، نویسنده، دسته) */
        .ghazal-post-info .elementor-icon-list-item {
            background: #fdfdfd;
            padding: 5px 15px !important;
            border-radius: 8px;
            border: 1px solid #eee;
            transition: all 0.3s ease;
            border-color: #064E3B; /* تغییر رنگ مرز به سبز در هاور */
            background: #f0fff4;
        }

        .ghazal-post-info .elementor-icon-list-item:hover {
            border-color: #064E3B; /* تغییر رنگ مرز به سبز در هاور */
            background: #87d09e;
            color: #fff !important;
        }

        /* استایل آیکون‌ها */
        .ghazal-post-info .elementor-icon-list-icon i {
            color: #F2BF32 !important; /* زرد برند شما */
            font-size: 14px !important;
        }

        /* استایل متن‌ها */
        .ghazal-post-info .elementor-icon-list-text {
            color: #064E3B !important; /* خاکستری ملایم برای اینکه زیر h1 شلوغ نشود */
            font-size: 13px !important;
            font-weight: 600 !important;
        }

        /* موبایل */
        @media (max-width: 768px) {
            .ghazal-post-info {
                flex-direction: column;
                gap: 10px;
                margin-top: -15px !important;
            }
        }/* End custom CSS */
/* Start custom CSS for theme-post-featured-image, class: .elementor-element-dd8dd4b *//* تعریف انیمیشن برای بارگذاری اولیه */
@keyframes subtle-reveal {
    from {
        transform: scale(1.05); /* شروع از حالت کمی زوم */
        opacity: 0.8;
    }
    to {
        transform: scale(1); /* رسیدن به اندازه اصلی */
        opacity: 1;
    }
}

/* استایل کانتینر اصلی تصویر */
.ghazal-featured-img {
    display: block;
    position: relative;
    max-width: 100%; /* همیشه به اندازه عرض والد خود باشد */
    height: 550px; /* ارتفاع ثابت برای کادر در دسکتاپ */
    margin: 0 auto 50px auto; /* وسط چین شدن و فاصله از پایین */
    border-radius: 20px; /* انحنای گوشه‌ها */
    overflow: hidden; /* ضروری برای انحنا و افکت زوم */
    box-shadow: 0 15px 45px rgba(20, 25, 60, 0.1); /* سایه عمیق‌تر و طبیعی‌تر */
    border: 1px solid rgba(255, 255, 255, 0.2); /* یک حاشیه شیشه‌ای برای جدا شدن از پس‌زمینه */

    /* اجرای انیمیشن در بارگذاری */
    animation: subtle-reveal 1s ease-out forwards;

    /* انتقال نرم برای تغییرات هاور */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* استایل خود تگ <img> داخل کانتینر */
.ghazal-featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* مهم‌ترین بخش: عکس را بدون تغییر نسبت، کامل در کادر جا می‌دهد و بخش‌های اضافی را برش می‌زند */
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* انتقال بسیار نرم و حرفه‌ای برای زوم */
}

/* افکت هاور پیشرفته */
.ghazal-featured-img:hover {
    transform: translateY(-8px); /* کمی به سمت بالا حرکت می‌کند */
    box-shadow: 0 25px 55px rgba(20, 25, 60, 0.18); /* سایه واضح‌تر و برجسته‌تر می‌شود */
}

.ghazal-featured-img:hover img {
    transform: scale(1.03); /* زوم ملایم روی خود عکس */
}

/* ========================================================
   حل مشکل بهم ریختگی تصویر شاخص در موبایل
======================================================== */
@media (max-width: 768px) {
    .ghazal-featured-img {
        height: 300px; /* تنظیم ارتفاع استاندارد و متناسب برای صفحه نمایش کوچک */
        margin-bottom: 30px; /* کاهش حاشیه پایین */
        border-radius: 15px; /* کمی کاهش انحنای گوشه‌ها برای ظاهر بهتر در موبایل */
    }
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-dc0138c *//* ========================================================
   استایل یکپارچه بخش نظرات پروژه (منطبق با کانتینر اصلی)
======================================================== */

/* کانتینر اصلی بخش نظرات (حذف بک‌گراند و سایه اضافه برای ترکیب با کانتینر پدر) */
.ghazal-comments-section {
    margin: 40px 0 !important;
    direction: rtl !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ===========================================
   استایل عناوین (تعداد نظرات و فرم ارسال)
=========================================== */
.ghazal-comments-section .comments-title,
.ghazal-comments-section .comment-reply-title {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #1D2241 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    margin: 0 0 25px 0 !important;
    padding-right: 20px !important;
    border-right: 6px solid #F2BF32 !important;
    background: linear-gradient(to left, rgba(242, 191, 50, 0.07), transparent) !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 0 6px 6px 0 !important;
    width: 100% !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

/* حذف افکت‌های قبلی عنوان (before/after) برای جلوگیری از تداخل */
.ghazal-comments-section .comment-reply-title::before,
.ghazal-comments-section .comment-reply-title::after {
    display: none !important;
}

/* ===========================================
   استایل لیست نظرات ثبت شده
=========================================== */
.ghazal-comments-section .comment-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* هر کامنت (مشابه باکس‌های سوالات متداول) */
.ghazal-comments-section .comment-body {
    background: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}

.ghazal-comments-section .comment-body:hover {
    border-color: #35CB6A !important;
    box-shadow: 0 8px 25px rgba(53, 203, 106, 0.08) !important;
}

.ghazal-comments-section .comment-author .fn {
    font-weight: 900 !important;
    color: #1D2241 !important;
    font-size: 15.5px !important;
    font-style: normal !important;
}

.ghazal-comments-section .comment-metadata a {
    font-size: 12.5px !important;
    color: #888 !important;
    font-weight: 400 !important;
}

/* متن دیدگاه (هماهنگ با محتوای اصلی) */
.ghazal-comments-section .comment-content p {
    font-size: 15.5px !important;
    line-height: 2.1 !important;
    font-weight: 500 !important;
    color: #444 !important;
    text-align: justify !important;
    text-justify: inter-word !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

/* لینک‌های داخل دیدگاه */
.ghazal-comments-section .comment-content p a,
.ghazal-comments-section a {
    display: inline !important;
    color: #35CB6A !important; /* رنگ اصلی سایت (سبز) جایگزین رنگ قبلی شد */
    font-weight: 400 !important; /* تغییر وزن فونت به 400 */
    text-decoration: none !important;
    border-bottom: 1px dashed #35CB6A !important;
    transition: all 0.3s ease !important;
}

.ghazal-comments-section .comment-content p a:hover,
.ghazal-comments-section a:hover {
    color: #1D2241 !important; /* تغییر به رنگ سرمه‌ای در حالت هاور */
    border-bottom: 1px solid #1D2241 !important;
}

/* دکمه پاسخ */
.ghazal-comments-section .reply .comment-reply-link {
    background-color: rgba(29, 34, 65, 0.05) !important;
    color: #1D2241 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    margin-top: 15px !important;
    text-decoration: none !important;
    border-bottom: none !important; /* جلوگیری از اعمال خط زیر لینک برای دکمه */
}

.ghazal-comments-section .reply .comment-reply-link:hover {
    background-color: #35CB6A !important;
    color: #fff !important;
}

/* ===========================================
   فرم ارسال نظر
=========================================== */
.ghazal-comments-section #respond {
    margin-top: 40px !important;
}

/* استایل فیلدهای ورودی */
.ghazal-comments-section .comment-form input[type="text"],
.ghazal-comments-section .comment-form input[type="email"],
.ghazal-comments-section .comment-form input[type="url"],
.ghazal-comments-section .comment-form input[type="tel"],
.ghazal-comments-section .comment-form textarea {
    width: 100% !important;
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    padding: 15px 20px !important;
    font-size: 14.5px !important;
    color: #444 !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}

.ghazal-comments-section .comment-form input[type="text"]:focus,
.ghazal-comments-section .comment-form input[type="email"]:focus,
.ghazal-comments-section .comment-form input[type="url"]:focus,
.ghazal-comments-section .comment-form input[type="tel"]:focus,
.ghazal-comments-section .comment-form textarea:focus {
    border-color: #35CB6A !important;
    box-shadow: 0 0 0 4px rgba(53, 203, 106, 0.1) !important;
    outline: none !important;
}

/* استایل دکمه "فرستادن دیدگاه" */
.ghazal-comments-section .form-submit .submit {
    background-color: #1D2241 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    padding: 14px 35px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(29, 34, 65, 0.2) !important;
    border-bottom: none !important;
}

.ghazal-comments-section .form-submit .submit:hover {
    background-color: #35CB6A !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(53, 203, 106, 0.3) !important;
}

/* مخفی کردن تیک ذخیره اطلاعات */
.ghazal-comments-section .comment-form-cookies-consent {
    display: none !important;
}

/* ===========================================
   رسپانسیو (موبایل)
=========================================== */
@media (max-width: 768px) {
    .ghazal-comments-section {
        margin: 30px 0 !important;
    }

    .ghazal-comments-section .comments-title,
    .ghazal-comments-section .comment-reply-title {
        font-size: 18px !important;
    }

    .ghazal-comments-section .comment-body {
        padding: 20px !important;
    }

    .ghazal-comments-section .comment-content p {
        font-size: 14.5px !important;
    }
}

 p {
    font-weight: 400;
}

/* مخفی کردن کامل دکمه لغو پاسخ */
.cancel-reply-wrap {
    display: none !important;
}

/* یا اگر می‌خواهید آن را نگه دارید اما در کنار عنوان مرتب باشد: */
.comment-reply-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.cancel-reply-wrap a {
    color: #e74c3c !important; /* رنگ قرمز برای لغو */
    font-size: 13px !important;
    text-decoration: none !important;
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-500ca4d *//* ========================================================
   استایل‌های کانتینر اصلی و سایدبار
======================================================== */
        .main-project-container {
            background: #ffffff;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(29, 34, 65, 0.05);
            border: 1px solid rgba(29, 34, 65, 0.03);
            margin: 15px;
            height: 100%;
            transition: transform 0.3s ease;
        }

        .main-project-container:hover {
            box-shadow: 0 15px 40px rgba(29, 34, 65, 0.08);
        }

        @media (max-width: 768px) {
            .main-project-container {
                margin: 10px 0;
                padding: 20px;
            }
        }

        .sidebar-dark {
            background-color: #1D2241 !important;
            color: #ffffff !important;
        }

        /* ========================================================
           استایل اختصاصی عنوان اصلی پروژه (H1)
        ======================================================== */
        .ghazal-main-title h1,
        .ghazal-main-title {
            color: #1D2241 !important;
            font-size: 22px !important;
            font-weight: 900 !important;
            line-height: 1.6 !important;
            text-align: right !important;
            margin-bottom: 25px !important;
            padding-right: 25px !important;
            position: relative !important;
            display: block !important;
        }

        .ghazal-main-title h1::before {
            content: "";
            position: absolute;
            right: 0;
            top: 10%;
            height: 80%;
            width: 8px;
            background-color: #F2BF32;
            border-radius: 4px;
        }

        .ghazal-main-title h1::after {
            content: "";
            position: absolute;
            bottom: -10px;
            right: 25px;
            width: 150px;
            height: 4px;
            background: linear-gradient(to left, #35CB6A, transparent);
            border-radius: 2px;
        }

        @media (max-width: 768px) {
            .ghazal-main-title h1,
            .ghazal-main-title {
                font-size: 14px !important;
                padding-right: 18px !important;
            }

            .ghazal-main-title h1::before {
                width: 6px;
            }
        }

        /* ========================================================
           استایل فهرست مطالب (TOC)
        ======================================================== */
        .ghazal-toc {
            background-color: #ffffff !important;
            border: 1px solid #eee !important;
            border-right: 5px solid #1D2241 !important;
            border-radius: 15px !important;
            padding: 20px !important;
            margin-bottom: 10px !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
        }

        .ghazal-toc .elementor-toc__header {
            padding-bottom: 15px !important;
            border-bottom: 1px solid #f0f0f0 !important;
            display: flex !important;
            align-items: center !important;
        }

        .ghazal-toc .elementor-toc__header-title {
            color: #1D2241 !important;
            font-size: 18px !important;
            font-weight: 800 !important;
        }

        .ghazal-toc .elementor-toc__list-item {
            margin-top: 10px !important;
        }

        .ghazal-toc .elementor-toc__list-item a {
            color: #444 !important;
            font-size: 15px !important;
            transition: all 0.3s ease !important;
            padding-right: 10px !important;
            position: relative !important;
        }

        .ghazal-toc .elementor-toc__list-item a::before {
            content: "";
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background-color: #F2BF32;
            border-radius: 50%;
        }

        .ghazal-toc .elementor-toc__list-item a:hover {
            color: #1D2241 !important;
            padding-right: 15px !important;
            font-weight: bold !important;
        }

        .ghazal-toc .elementor-toc__list-item.elementor-item-active a {
            color: #35CB6A !important;
        }

        /* ========================================================
           تایپوگرافی و محتوای متنی پروژه
        ======================================================== */
        .ghazal-project-content {
            direction: rtl;
            text-align: right;
        }

        .ghazal-project-content h2 {
            color: #1D2241 !important;
            font-size: 24px !important;
            font-weight: 900 !important;
            margin: 40px 0 20px 0 !important;
            padding-right: 20px !important;
            border-right: 6px solid #F2BF32 !important;
            background: linear-gradient(to left, rgba(242, 191, 50, 0.07), transparent);
            padding-top: 12px !important;
            padding-bottom: 12px !important;
            border-radius: 0 6px 6px 0;
        }

        .ghazal-project-content h3 {
            color: #1D2241 !important;
            font-size: 21px !important;
            font-weight: 800 !important;
            margin: 35px 0 20px 0 !important;
            padding-bottom: 12px !important;
            border-bottom: 1px solid #eee !important;
            position: relative !important;
        }

        .ghazal-project-content h3::after {
            content: "";
            position: absolute;
            bottom: -1px;
            right: 0;
            width: 70px;
            height: 3px;
            background: #35CB6A;
        }

        .ghazal-project-content p {
            font-size: 16.5px !important;
            line-height: 2.1 !important;
            font-weight: 400 !important;
            color: #333333 !important;
            margin-bottom: 25px !important;
            text-align: justify !important;
            text-justify: inter-word !important;
        }

        /* حذف حاشیه اضافی پاراگراف‌هایی که فقط حاوی عکس هستند */
        .ghazal-project-content p:has(img) {
            margin-bottom: 10px !important; 
        }

        .ghazal-project-content strong {
            color: #1D2241 !important;
            font-weight: 800 !important;
            border-bottom: 2px solid rgba(242, 191, 50, 0.4);
            padding: 0 2px;
        }

        .ghazal-project-content ul {
            margin-bottom: 25px;
            padding-right: 25px;
        }

        .ghazal-project-content li {
            font-size: 16px;
            line-height: 2;
            font-weight: 400 !important;
            color: #444;
            margin-bottom: 10px;
            list-style-type: square;
        }

        /* ========================================================
           استایل تصاویر داخل محتوا (بدون لایت‌باکس) و لینک‌های متنی
        ======================================================== */
        .ghazal-project-content figure,
        .ghazal-project-content p > a:has(img) {
            margin: 5px 0 10px 0 !important; /* کاهش شدید فاصله بالا و پایین کانتینر عکس */
            padding: 0 !important;
            text-align: center !important;
            display: block !important;
            pointer-events: none !important;
        }

        .ghazal-project-content img {
            display: block !important;
            max-width: 100% !important;
            width: auto !important;
            height: 550px !important;
            object-fit: cover !important;
            margin: 5px auto 10px auto !important; /* کاهش فاصله بین خود عکس‌ها */
            border-radius: 20px !important;
            box-shadow: 0 15px 45px rgba(20, 25, 60, 0.1) !important;
            border: 1px solid rgba(255, 255, 255, 0.2) !important;
            cursor: default !important;
            transition: transform 0.4s ease, box-shadow 0.4s ease !important;
            pointer-events: auto !important;
        }

        .ghazal-project-content img:hover {
            transform: translateY(-8px) scale(1.03) !important;
            box-shadow: 0 25px 55px rgba(20, 25, 60, 0.18) !important;
        }

        /* استایل‌دهی شیک به لینک‌های متنی عادی داخل پاراگراف‌ها */
        .ghazal-project-content p a:not(:has(img)) {
            display: inline !important;
            color: #35CB6A !important;
            font-weight: 800 !important;
            text-decoration: none !important;
            border-bottom: 1px dashed #35CB6A !important;
            transition: all 0.3s ease !important;
        }

        .ghazal-project-content p a:not(:has(img)):hover {
            color: #1D2241 !important;
            border-bottom: 1px solid #1D2241 !important;
        }

        /* ========================================================
           استایل ویدئوهای آپارات (و سایر iframe ها)
        ======================================================== */
        .ghazal-project-content .h_iframe-aparat_embed_frame,
        .ghazal-project-content iframe {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 30px auto !important;
            border-radius: 20px !important;
            overflow: hidden !important;
            box-shadow: 0 15px 45px rgba(20, 25, 60, 0.1) !important;
            border: 1px solid rgba(255, 255, 255, 0.2) !important;
            transition: transform 0.4s ease, box-shadow 0.4s ease !important;
            background-color: #fcfcfc !important;
        }

        .ghazal-project-content .h_iframe-aparat_embed_frame:hover,
        .ghazal-project-content iframe:hover {
            transform: translateY(-8px) !important;
            box-shadow: 0 25px 55px rgba(20, 25, 60, 0.18) !important;
        }

        .ghazal-project-content .h_iframe-aparat_embed_frame iframe {
            margin: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            border: none !important;
            transform: none !important;
        }

        @media (max-width: 768px) {
            /* تنظیمات پاراگراف و عناوین */
            .ghazal-project-content p {
                text-align: justify !important;
                text-justify: inter-word !important;
                font-size: 15.5px !important;
                line-height: 2 !important;
            }

            .ghazal-project-content h2 {
                font-size: 20px !important;
            }

            .ghazal-project-content h3 {
                font-size: 18px !important;
            }

            /* تنظیمات عکس‌ها (کاهش چشمگیر فاصله‌ها در موبایل) */
            .ghazal-project-content img {
                height: 300px !important;
                margin: 5px auto 10px auto !important; /* قبلا 30 پیکسل بود */
                border-radius: 15px !important;
            }

            /* تنظیمات ویدئوهای آپارات برای موبایل */
            .ghazal-project-content .h_iframe-aparat_embed_frame,
            .ghazal-project-content iframe {
                margin: 20px auto !important;
                border-radius: 15px !important;
            }
        }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cbcee30 *//* استایل اختصاصی برای یک H2 خاص */
.ghazal-special-h2 {
    color: #1D2241 !important; /* سرمه‌ای برند */
    font-size: 28px !important; /* کمی کوچک‌تر از h1 شما */
    font-weight: 900 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    margin-bottom: 25px !important;
    padding-right: 25px !important;
    position: relative !important;
    display: block !important;
}

/* خط عمودی زرد کنار H2 */
.ghazal-special-h2::before {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 6px; /* کمی ظریف‌تر از h1 */
    background-color: #F2BF32; /* زرد برند */
    border-radius: 4px;
}

/* خط گرادینت سبز زیر H2 */
.ghazal-special-h2::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 25px;
    width: 120px;
    height: 3px;
    background: linear-gradient(to left, #35CB6A, transparent); /* سبز موفقیت */
    border-radius: 2px;
}

/* تنظیمات ریسپانسیو موبایل */
@media (max-width: 768px) {
    .ghazal-special-h2 {
        font-size: 22px !important;
        padding-right: 18px !important;
    }
    .ghazal-special-h2::before {
        width: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-a4cf678 *//* ========================================================
   استایل ساده کارت‌های ویجت Posts (گردی گوشه‌ها و سایه)
======================================================== */
.ghazal-similar-projects .elementor-post {
    border-radius: 20px !important; /* گرد کردن گوشه‌های کارت */
    overflow: hidden !important; /* ضروری برای اینکه عکس بالای کارت هم گرد شود */
    background-color: #ffffff !important;
    box-shadow: 0 10px 30px rgba(29, 34, 65, 0.05) !important; /* سایه ملایم اولیه */
    border: 1px solid rgba(29, 34, 65, 0.03) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important; /* انیمیشن نرم برای هاور */
}

/* افکت ملایم هنگام رفتن ماوس روی کارت */
.ghazal-similar-projects .elementor-post:hover {
    transform: translateY(-5px) !important; /* کمی بالا آمدن */
    box-shadow: 0 20px 45px rgba(29, 34, 65, 0.1) !important; /* عمیق‌تر شدن سایه */
}/* End custom CSS */