.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-1289 .elementor-element.elementor-element-9af7cc4{--grid-row-gap:35px;--grid-column-gap:31px;}.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-1289 .elementor-element.elementor-element-9af7cc4:after{content:"1";}.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-post__thumbnail__link{width:100%;}.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-post__text{margin-top:0px;}@media(max-width:767px){.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1289 .elementor-element.elementor-element-9af7cc4:after{content:"0.5";}.elementor-1289 .elementor-element.elementor-element-9af7cc4 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-9af7cc4 *//* 📌 کانتینر کلی نوشته‌ها */ .elementor-posts-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; padding: 10px; } /* 🎨 کارت هر نوشته */ .elementor-post { background: linear-gradient(145deg, #f9f9f9, #ececec); border-radius: 18px; overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.12); transition: all 0.4s ease; position: relative; display: flex; flex-direction: column; border: 1px solid #ddd; } .elementor-post:hover { transform: translateY(-12px) scale(1.03); box-shadow: 0 15px 35px rgba(0,0,0,0.25); } /* 🖼 تصویر شاخص */ .elementor-post__thumbnail { position: relative; overflow: hidden; } .elementor-post__thumbnail img { width: 100%; height: 260px; object-fit: cover; /* عکس کامل نشون داده بشه */ transition: transform 0.6s ease, filter 0.6s ease; border-bottom: 4px solid #ff6a00; /* نوار نارنجی صنعتی زیر عکس */ } .elementor-post:hover .elementor-post__thumbnail img { transform: 1.1); } /* افکت اورلی روی عکس */ .elementor-post__thumbnail::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.0) 40%, rgba(0,0,0,0.5) 100%); opacity: 0; transition: opacity 0.4s ease; } .elementor-post:hover .elementor-post__thumbnail::after { opacity: 1; } /* 📝 محتوای کارت */ .elementor-post__text { padding: 20px; flex: 1; display: flex; flex-direction: column; } /* عنوان نوشته */ .elementor-post__title a { font-size: 1.3rem; font-weight: 800; color: #222; text-decoration: none; margin-bottom: 12px; display: inline-block; position: relative; } .elementor-post__title a::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 40px; height: 3px; background: #ff6a00; transition: width 0.3s ease; } .elementor-post__title a:hover::after { width: 100%; } /* خلاصه متن */ .elementor-post__excerpt { font-size: 0.95rem; color: #555; line-height: 1.7; flex-grow: 1; margin-bottom: 18px; } /* 📌 دکمه ادامه مطلب */ .elementor-post__read-more { align-self: flex-start; padding: 10px 20px; border-radius: 50px; background: linear-gradient(135deg, #ff6a00, #ff944d); color: #fff !important; font-weight: 600; letter-spacing: 0.5px; text-decoration: none; box-shadow: 0 4px 12px rgba(255,106,0,0.4); transition: all 0.3s ease; } .elementor-post__read-more:hover { background: linear-gradient(135deg, #e65a00, #ff7a1f); box-shadow: 0 6px 20px rgba(255,106,0,0.55); transform: translateY(-3px); } /* 📱 ریسپانسیو */ @media (max-width: 768px) { .elementor-posts-container { grid-template-columns: 1fr; } .elementor-post__thumbnail img { height: 200px; } }/* End custom CSS */