.elementor-237 .elementor-element.elementor-element-87571a9{--display:flex;}.elementor-237 .elementor-element.elementor-element-73fd40f{width:100%;max-width:100%;}.elementor-237 .elementor-element.elementor-element-faab5d1{--display:flex;--padding-top:calc(var(--tx)*100);--padding-bottom:calc(var(--tx)*100);--padding-left:calc(var(--tx)*100);--padding-right:calc(var(--tx)*100);}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-237 .elementor-element.elementor-element-83aff4f{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-237 .elementor-element.elementor-element-83aff4f:after{content:"0.7";}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__thumbnail__link{width:100%;}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__meta-data span + span:before{content:"•";}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__text{margin-top:20px;}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__badge{right:0;}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__card .elementor-post__badge{margin:20px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-faab5d1{--padding-top:calc(var(--tx)*30);--padding-bottom:calc(var(--tx)*30);--padding-left:calc(var(--tx)*30);--padding-right:calc(var(--tx)*30);}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-237 .elementor-element.elementor-element-83aff4f:after{content:"0.5";}.elementor-237 .elementor-element.elementor-element-83aff4f .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-faab5d1 *//* =========================================================
   BLOG POSTS - FIXED / SHALKE DESIGN SYSTEM
   Elementor Posts Widget
   CSS Class: sh-blog-posts
   ========================================================= */

.sh-blog-posts{
    --green:#315b4b;
    --green-dark:#26483d;
    --cream:#ece6dd;
    --soft:#f6f5f3;
    --text:#242424;
    --muted:#77736e;
    --border:#e7e2dc;
    --radius:20px;
}

/* ---------- Global ---------- */

.sh-blog-posts,
.sh-blog-posts *,
.sh-blog-posts *::before,
.sh-blog-posts *::after{
    box-sizing:border-box;
    font-family:Yekan,sans-serif !important;
}

.sh-blog-posts .elementor-posts-container{
    align-items:stretch !important;
    gap:22px !important;
}


/* =========================================================
   CARD
   ========================================================= */

.sh-blog-posts .elementor-post{
    position:relative !important;

    display:flex !important;
    flex-direction:column !important;

    height:100% !important;
    min-height:0 !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#fff !important;

    border:1px solid var(--border) !important;
    border-radius:var(--radius) !important;

    box-shadow:none !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

.sh-blog-posts .elementor-post:hover{
    transform:translateY(-5px);

    border-color:#d5cec6 !important;

    box-shadow:
        0 16px 45px rgba(0,0,0,.055) !important;
}


/* =========================================================
   IMAGE
   Fixes Elementor thumbnail bug
   ========================================================= */

.sh-blog-posts .elementor-post__thumbnail__link{
    position:relative !important;

    display:block !important;

    width:100% !important;
    height:230px !important;

    flex:0 0 230px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:var(--cream) !important;
}

.sh-blog-posts .elementor-post__thumbnail{
    position:relative !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:var(--cream) !important;
}


/* Override Elementor's absolute crop rules */
.sh-blog-posts .elementor-post__thumbnail img{
    position:absolute !important;

    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    margin:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    transform:none !important;

    transition:transform .5s ease !important;
}

.sh-blog-posts .elementor-post:hover
.elementor-post__thumbnail img{
    transform:scale(1.035) !important;
}


/* =========================================================
   CATEGORY BADGE
   ========================================================= */

.sh-blog-posts .elementor-post__badge{
    position:absolute !important;

    z-index:10 !important;

    top:18px !important;
    left:18px !important;
    right:auto !important;
    bottom:auto !important;

    width:auto !important;

    margin:0 !important;
    padding:7px 15px !important;

    border-radius:999px !important;

    background:var(--green) !important;
    color:#fff !important;

    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    box-shadow:none !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

.sh-blog-posts .elementor-post__text{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;

    width:100% !important;

    margin:0 !important;
    padding:27px 24px 23px !important;

    text-align:right !important;
}


/* ---------- Title ---------- */

.sh-blog-posts .elementor-post__title{
    margin:0 0 13px !important;
    padding:0 !important;
}

.sh-blog-posts .elementor-post__title,
.sh-blog-posts .elementor-post__title a{
    color:var(--text) !important;

    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.8 !important;

    text-decoration:none !important;

    transition:color .2s ease !important;
}

.sh-blog-posts .elementor-post__title a:hover{
    color:var(--green) !important;
}


/* ---------- Excerpt ---------- */

.sh-blog-posts .elementor-post__excerpt{
    margin:0 0 22px !important;
    padding:0 !important;
}

.sh-blog-posts .elementor-post__excerpt p{
    margin:0 !important;
    padding:0 !important;

    color:var(--muted) !important;

    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:2.05 !important;

    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    overflow:hidden !important;
}


/* =========================================================
   READ MORE
   ========================================================= */

.sh-blog-posts .elementor-post__read-more{
    display:inline-flex !important;

    align-items:center !important;

    width:fit-content !important;

    margin-top:auto !important;
    padding:0 !important;

    color:var(--green) !important;

    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.5 !important;

    text-decoration:none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

/* فلش Elementor را کنترل می‌کنیم */
.sh-blog-posts .elementor-post__read-more::after{
    content:"←";

    display:inline-block;

    margin-right:9px;

    font-size:14px;
    font-weight:400;
}

.sh-blog-posts .elementor-post__read-more:hover{
    color:var(--green-dark) !important;
    transform:translateX(-3px);
}


/* =========================================================
   META FOOTER
   FIXED - no negative margins
   ========================================================= */

.sh-blog-posts .elementor-post__meta-data{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    width:100% !important;
    min-height:48px !important;

    flex:0 0 auto !important;

    margin:0 !important;
    padding:13px 24px !important;

    overflow:visible !important;

    border:0 !important;
    border-top:1px solid var(--border) !important;

    background:#fff !important;

    color:#aaa39c !important;

    font-size:10.5px !important;
    line-height:1.8 !important;
}

.sh-blog-post__meta-data,
.sh-blog-posts .elementor-post__meta-data span{
    color:#aaa39c !important;
}


/* Separator */
.sh-blog-posts
.elementor-post__meta-data
span + span::before{
    content:"•";

    margin:0 8px;

    color:#c5bfb8 !important;
}


/* =========================================================
   REMOVE DEFAULT AVATAR
   ========================================================= */

.sh-blog-posts .elementor-post__avatar{
    display:none !important;
}


/* =========================================================
   CARD SKIN ELEMENTOR OVERRIDES
   ========================================================= */

.sh-blog-posts
.elementor-posts--skin-cards
.elementor-post{
    overflow:hidden !important;
}

.sh-blog-posts
.elementor-posts--skin-cards
.elementor-post__text{
    margin:0 !important;
}

.sh-blog-posts
.elementor-posts--skin-cards
.elementor-post__badge{
    margin:0 !important;
}


/* =========================================================
   POSTS WITHOUT FEATURED IMAGE
   "سلام دنیا"
   ========================================================= */

.sh-blog-posts
.elementor-post:not(:has(.elementor-post__thumbnail__link))::before{
    content:"";

    display:block;

    width:100%;
    height:230px;

    flex:0 0 230px;

    background:
        radial-gradient(
            circle at 80% 25%,
            rgba(49,91,75,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(49,91,75,.055),
            transparent 28%
        ),
        #eee8e0;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.sh-blog-posts .elementor-pagination{
    display:flex !important;

    align-items:center;
    justify-content:center;

    gap:8px;

    margin-top:50px !important;
}

.sh-blog-posts .elementor-pagination a,
.sh-blog-posts .elementor-pagination span{
    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    min-width:40px;
    height:40px;

    margin:0 !important;
    padding:0 11px !important;

    border:1px solid var(--border) !important;
    border-radius:999px !important;

    background:#fff;

    color:var(--text) !important;

    font-size:11px !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease !important;
}

.sh-blog-posts .elementor-pagination a:hover,
.sh-blog-posts .elementor-pagination .current{
    background:var(--green) !important;
    border-color:var(--green) !important;

    color:#fff !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .sh-blog-posts .elementor-posts-container{
        gap:18px !important;
    }

    .sh-blog-posts .elementor-post__thumbnail__link{
        height:210px !important;
        flex-basis:210px !important;
    }

    .sh-blog-posts
    .elementor-post:not(:has(.elementor-post__thumbnail__link))::before{
        height:210px;
        flex-basis:210px;
    }

    .sh-blog-posts .elementor-post__text{
        padding:23px 21px 21px !important;
    }

    .sh-blog-posts .elementor-post__meta-data{
        padding:13px 21px !important;
    }

    .sh-blog-posts .elementor-post__title,
    .sh-blog-posts .elementor-post__title a{
        font-size:16px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .sh-blog-posts .elementor-posts-container{
        gap:18px !important;
    }

    .sh-blog-posts .elementor-post{
        border-radius:17px !important;
    }

    .sh-blog-posts .elementor-post__thumbnail__link{
        height:220px !important;
        flex-basis:220px !important;
    }

    .sh-blog-posts
    .elementor-post:not(:has(.elementor-post__thumbnail__link))::before{
        height:220px;
        flex-basis:220px;
    }

    .sh-blog-posts .elementor-post__text{
        padding:22px 20px 21px !important;
    }

    .sh-blog-posts .elementor-post__title,
    .sh-blog-posts .elementor-post__title a{
        font-size:16px !important;
        line-height:1.75 !important;
    }

    .sh-blog-posts .elementor-post__excerpt p{
        font-size:12px !important;
    }

    .sh-blog-posts .elementor-post__meta-data{
        min-height:46px !important;

        padding:12px 20px !important;

        font-size:10px !important;
    }

    .sh-blog-posts .elementor-post__badge{
        top:14px !important;
        left:14px !important;

        padding:6px 12px !important;
    }

    .sh-blog-posts .elementor-pagination{
        margin-top:36px !important;
    }
}/* End custom CSS */