.elementor-38 .elementor-element.elementor-element-5bab9b5{--display:flex;--margin-top:25px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:3px;}@media(max-width:1024px) and (min-width:769px){.elementor-38 .elementor-element.elementor-element-5bab9b5{--width:100%;}}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-5bab9b5{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--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-38 .elementor-element.elementor-element-f174eb5{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-38 .elementor-element.elementor-element-f174eb5 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-38 .elementor-element.elementor-element-5bab9b5.e-con{--align-self:center;}}/* Start custom CSS for wd_blog, class: .elementor-element-f174eb5 *//* کارت بلاگ - کامل و شفاف */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: transparent !important;  /* کارت شفاف */
    border-radius: 12px;                        /* گوشه‌های کل کارت */
    overflow: hidden;                            /* حفظ border-radius */
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

/* hover کارت */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

/* تصویر بالای کارت */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-thumb .wd-post-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    border-top-left-radius: 12px;  /* گوشه بالا چپ */
    border-top-right-radius: 12px; /* گوشه بالا راست */
    transition: all 0.3s ease;      /* حفظ radius هنگام hover */
}

/* لینک روی تصویر */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-link.wd-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

/* wrapper متن و دکمه */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 15px;
}

/* عنوان یک خطی با ellipsis */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-entities-title.title.post-title a {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5em !important;
    margin-bottom: 8px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.4em * 2);
}

/* هاور لینک عنوان کارت بلاگ */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-entities-title.title.post-title a:hover {
    color: #e50019 !important;
}

/* چکیده سه خطی */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-post-desc p {
    font-size: 14px !important;
    line-height: 1.75em !important;
    margin: 0 0 12px 0;
    text-align: justify;
    text-align-last: right;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1.75em * 3); /* سه خط همیشه */
}

/* دکمه ادامه مطلب راست چین و گوشه گرد */
.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-read-more {
    margin-top: auto;
    text-align: right;
}

.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-read-more a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    background-color: #e50019 !important;
    border-radius: 8px;  /* گوشه‌های دکمه گرد */
    padding: 6px 16px;
    text-decoration: none;
    width: auto;
    box-shadow: none;
    transition: all 0.25s;
}

.elementor-38 .elementor-element.elementor-element-f174eb5 .wd-read-more a:hover {
    background-color: #ff0000 !important;
}

/* ================== اصلاح ریسپانسیو کارت بلاگ ================== */

/* wrapper کارت‌ها */
.posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* فاصله بین کارت‌ها */
}

/* کارت‌ها */
.wd-post-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 360px; /* حداکثر عرض کارت */
    background-color: transparent !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

/* hover کارت */
.wd-post-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}

/* تصاویر کارت */
.wd-post-thumb .wd-post-img img {
    width: 100%;
    height: auto;       /* حفظ نسبت تصویر */
    object-fit: cover;
    display: block;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: all 0.3s ease;
}

/* موبایل: تک ستون */
@media (max-width: 767px) {
    .wd-posts.wd-blog-holder,
    .wd-posts.wd-blog-holder .wd-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-content: center !important;
        gap: 15px !important;
    }

    .wd-posts.wd-blog-holder .wd-post {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wd-posts.wd-blog-holder {
        --wd-col-md: 1 !important;
        --wd-col-sm: 1 !important;
        --wd-gap-md: 15px !important;
    }
}

/* تبلت کوچک: دو ستون */
@media (min-width: 768px) and (max-width: 899px) {
    .wd-posts.wd-blog-holder,
    .wd-posts.wd-blog-holder .wd-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        justify-content: center !important;
        gap: 20px !important;
    }

    .wd-posts.wd-blog-holder .wd-post {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wd-posts.wd-blog-holder {
        --wd-col-md: 2 !important;
        --wd-col-sm: 2 !important;
        --wd-gap-md: 20px !important;
    }
}

/* تبلت بزرگ: دو ستون، کارت‌ها عریض‌تر */
@media (min-width: 900px) and (max-width: 1024px) {
    .wd-posts.wd-blog-holder,
    .wd-posts.wd-blog-holder .wd-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        justify-content: center !important;
        gap: 30px !important;
    }

    .wd-posts.wd-blog-holder .wd-post {
        width: 100% !important;
        max-width: 500px !important;
    }

    .wd-posts.wd-blog-holder {
        --wd-col-md: 2 !important;
        --wd-col-sm: 2 !important;
        --wd-gap-md: 30px !important;
    }
}

/* دسکتاپ: سه ستون */
@media (min-width: 1025px) {
    .wd-posts.wd-blog-holder,
    .wd-posts.wd-blog-holder .wd-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        justify-content: center !important;
        gap: 20px !important;
    }

    .wd-posts.wd-blog-holder .wd-post {
        width: 100% !important;
        max-width: 100% !important;
    }

    .wd-posts.wd-blog-holder {
        --wd-col-md: 3 !important;
        --wd-col-sm: 3 !important;
        --wd-gap-md: 20px !important;
    }
}

/* مطمئن شدن از وسط چین بودن کارت‌ها */
.wd-posts.wd-blog-holder .wd-post-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}/* End custom CSS */