.elementor-1536 .elementor-element.elementor-element-5fe31ab{--display:flex;--min-height:459px;--gap:73px 73px;--row-gap:73px;--column-gap:73px;--border-radius:23px 23px 23px 23px;}.elementor-1536 .elementor-element.elementor-element-5925578{--item-display:flex;--read-more-alignment:1;--grid-row-gap:0px;z-index:0;--grid-column-gap:0px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0 * 100% );}.elementor-1536 .elementor-element.elementor-element-5925578:after{content:"0";}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__thumbnail__link{width:100%;margin-bottom:calc(29px / 2);}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__card{border-width:0px;border-radius:10px;padding-top:0px;padding-bottom:0px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__text{padding:0 16px;margin-top:22px;margin-bottom:0px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__meta-data{padding:10px 16px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__avatar{padding-right:16px;padding-left:16px;top:calc(-29px / 2);}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__badge{right:0;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__card .elementor-post__badge{border-radius:10px;font-size:5px;margin:10px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__avatar img{width:29px;height:29px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__title, .elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__title a{color:#000000;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__title{margin-bottom:0px;}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__read-more{margin-bottom:0px;}@media(max-width:767px){.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1536 .elementor-element.elementor-element-5925578:after{content:"0.5";}.elementor-1536 .elementor-element.elementor-element-5925578 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-1536 .elementor-element.elementor-element-5fe31ab{--content-width:1320px;}}/* Start custom CSS for posts, class: .elementor-element-5925578 *//* 1. Load custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&family=Vazirmatn:wght@300;400;500;700;800&display=swap');

/* Hide post badge/category label */
.elementor-posts .elementor-post__badge {
    display: none !important;
}

/* Apply fonts to all card content */
.elementor-posts .elementor-post,
.elementor-posts .elementor-post * {
    font-family: 'Vazirmatn', 'Red Hat Display', sans-serif !important;
    box-sizing: border-box !important;
}

/* 2. Main card structure */
.elementor-posts .elementor-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(21, 21, 21, 0.1) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transform: none !important;
    box-shadow: 0 4px 12px rgba(21, 21, 21, 0.03) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Card hover */
.elementor-posts .elementor-post:hover {
    transform: none !important;
    border-color: #E61114 !important;
    box-shadow: 0 10px 25px rgba(230, 17, 20, 0.08) !important;
}

/* 3. Fully stabilize image area */
.elementor-posts .elementor-post__thumbnail,
.elementor-posts .elementor-post__thumbnail a,
.elementor-posts .elementor-post__thumbnail img,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail a,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    will-change: auto !important;
}

.elementor-posts .elementor-post__thumbnail,
.elementor-posts .elementor-post__thumbnail__link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
}

.elementor-posts .elementor-post__thumbnail img,
.elementor-posts .elementor-post__thumbnail__link img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    position: static !important;
}

/* Remove possible overlay/pseudo elements */
.elementor-posts .elementor-post__thumbnail::before,
.elementor-posts .elementor-post__thumbnail::after,
.elementor-posts .elementor-post__thumbnail__link::before,
.elementor-posts .elementor-post__thumbnail__link::after {
    content: none !important;
    display: none !important;
}

/* 4. Title - single line */
.elementor-posts .elementor-post__title {
    padding: 15px 20px 5px 20px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.elementor-posts .elementor-post__title a {
    display: block !important;
    color: #151515 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Title hover */
.elementor-posts .elementor-post:hover .elementor-post__title a {
    color: #E61114 !important;
}

/* 5. Meta data - single line */
.elementor-posts .elementor-post__meta-data {
    padding: 0 20px !important;
    margin: 0 0 10px 0 !important;
    font-size: 12px !important;
    color: #666666 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 0 0 auto !important;
}

/* 6. Excerpt - single line */
.elementor-posts .elementor-post__excerpt {
    padding: 0 20px !important;
    margin: 0 0 14px 0 !important;
    flex: 1 1 auto !important;
}

.elementor-posts .elementor-post__excerpt p {
    margin: 0 !important;
    color: #151515 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    opacity: 0.9 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 7. Read more button - fixed at bottom */
.elementor-posts .elementor-post__read-more {
    display: inline-block !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: auto 20px 20px 20px !important;
    padding: 8px 20px !important;
    background: #FFFFFF !important;
    color: #151515 !important;
    border: 1px solid #151515 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.elementor-posts .elementor-post__read-more:hover {
    background: #E61114 !important;
    color: #FFFFFF !important;
    border-color: #E61114 !important;
}

/* 8. Mobile fix for broken/cropped thumbnails */
@media (max-width: 767px) {
    .elementor-posts .elementor-post {
        margin-bottom: 20px !important;
    }

    .elementor-posts .elementor-post__thumbnail,
    .elementor-posts .elementor-post__thumbnail__link {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
    }

    .elementor-posts .elementor-post__thumbnail img,
    .elementor-posts .elementor-post__thumbnail__link img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    .elementor-posts .elementor-post__title {
        padding: 14px 16px 5px 16px !important;
    }

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

    .elementor-posts .elementor-post__meta-data {
        padding: 0 16px !important;
        margin-bottom: 8px !important;
        font-size: 11px !important;
    }

    .elementor-posts .elementor-post__excerpt {
        padding: 0 16px !important;
        margin-bottom: 12px !important;
    }

    .elementor-posts .elementor-post__excerpt p {
        font-size: 13px !important;
    }

    .elementor-posts .elementor-post__read-more {
        margin: auto 16px 16px 16px !important;
        padding: 8px 16px !important;
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fe31ab *//* ۱. لود فونت‌های اختصاصی */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&family=Vazirmatn:wght@300;400;500;700;800&display=swap');

/* حذف عنوان بالای تصویر (بج دسته‌بندی) */
.elementor-posts .elementor-post__badge {
    display: none !important;
}

/* تنظیم فونت کلی برای کارت‌ها */
.elementor-posts .elementor-post * {
    font-family: 'Vazirmatn', 'Red Hat Display', sans-serif !important;
}

/* ۲. ساختار اصلی کارت */
.elementor-posts .elementor-post {
    background: #FFFFFF !important;
    border: 1px solid rgba(21, 21, 21, 0.1) !important;
    border-radius: 20px !important;
    padding: 0 !important;
    margin-bottom: 30px !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(21, 21, 21, 0.03) !important;
    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

/* هاور کارت */
.elementor-posts .elementor-post:hover {
    transform: none !important;
    border-color: #E61114 !important;
    box-shadow: 0 10px 25px rgba(230, 17, 20, 0.08) !important;
}

/* ۳. تثبیت کامل تصویر */
.elementor-posts .elementor-post__thumbnail,
.elementor-posts .elementor-post__thumbnail a,
.elementor-posts .elementor-post__thumbnail img,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail a,
.elementor-posts .elementor-post:hover .elementor-post__thumbnail img {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    opacity: 1 !important;
    will-change: auto !important;
}

.elementor-posts .elementor-post__thumbnail {
    margin: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    position: relative !important;
    flex: 0 0 auto !important;
}

.elementor-posts .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: static !important;
}

/* ۴. عنوان - یک خط */
.elementor-posts .elementor-post__title {
    padding: 15px 20px 5px 20px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.elementor-posts .elementor-post__title a {
    color: #151515 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;

    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* هاور عنوان */
.elementor-posts .elementor-post:hover .elementor-post__title a {
    color: #E61114 !important;
}

/* ۵. متاداده‌ها - یک خط */
.elementor-posts .elementor-post__meta-data {
    padding: 0 20px !important;
    margin-bottom: 10px !important;
    font-size: 12px !important;
    color: #666 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 0 0 auto !important;
}

/* ۶. خلاصه نوشته - یک خط */
.elementor-posts .elementor-post__excerpt {
    padding: 0 20px !important;
    margin-bottom: 14px !important;
    flex: 1 1 auto !important;
}

.elementor-posts .elementor-post__excerpt p {
    color: #151515 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;

    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    opacity: 0.9;
}

/* ۷. دکمه مطالعه بیشتر - ثابت در پایین کارت */
.elementor-posts .elementor-post__read-more {
    display: inline-block !important;
    margin: auto 20px 20px 20px !important;
    padding: 8px 20px !important;
    background: #FFFFFF !important;
    color: #151515 !important;
    border: 1px solid #151515 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;

    align-self: center !important;
    flex: 0 0 auto !important;
}

.elementor-posts .elementor-post__read-more:hover {
    background: #E61114 !important;
    color: #FFFFFF !important;
    border-color: #E61114 !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-recent-posts, class: .elementor-element-0cd3b3f */.elementor-1536 .elementor-element.elementor-element-0cd3b3f .elementor-widget-container{
 background:#fff;
  border-radius:12px;
  padding:18px 26px;
  box-shadow:0 4px 20px rgba(0,0,0,.05);
  direction:rtl;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul,
.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f li{
  display:inline-flex !important;
  align-items:center;
  margin:0 !important;
  padding:8px 14px !important;
  background:#f7f7f7;
  border:1px solid #ededed;
  border-radius:999px;
  color:#151515;
  font-size:13.5px;
  font-weight:500;
  transition:all .25s ease;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f li::before{
  content:"";
  width:7px;
  height:7px;
  background:#E61114;
  border-radius:50%;
  margin-left:8px;
  flex-shrink:0;
 transition:transform .25s ease;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f li:hover{
  background:#fff;
  border-color:#E61114;
  color:#E61114;
  box-shadow:0 6px 16px rgba(230,17,20,.12);
  transform:translateY(-2px);
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f li:hover::before{
  transform:scale(1.3);
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul ul{
  margin-right:16px !important;
  padding-right:16px !important;
  border-right:2px solid #ededed;
  gap:10px;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul ul li{
  background:#fff;
  border-color:#e1e1e1;
  font-size:12.5px;
  padding:7px 12px !important;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul ul li::before{
  display:none !important;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f ul ul li:hover{
  border-color:#151515;
  color:#151515;
  background:#f7f7f7;
}

/* عنوان «دسته‌ها» */
.elementor-1536 .elementor-element.elementor-element-0cd3b3f h5{
  font-size:15px;
  font-weight:700;
  color:#151515;
  margin-bottom:16px;
  display:flex;
  align-items:center;
  gap:8px;
}

.elementor-1536 .elementor-element.elementor-element-0cd3b3f h5::before{
  content:"";
  width:4px;
  height:18px;
  background:#E61114;
  border-radius:2px;
}/* End custom CSS */