/*
Theme Name: News Magazine X Child
Template: news-magazine-x
*/


@font-face {
    font-family: 'Dana';
    src: url('assets/fonts/dana/Dana-Regular.woff2') format('woff2'),
         url('assets/fonts/dana/Dana-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Dana', sans-serif !important;
}

.newsx-grid-time {
    display: none !important;
}
.newsx-grid-author-name {
    display: none !important;
}



/* RTL هسته‌ای – اجبار راست‌چین برای کل سایت */
html,
body {
    direction: rtl !important;
    text-align: right !important;
}

/* همه متن‌ها، لینک‌ها، عنوان‌ها */
body *,
body *::before,
body *::after {
    direction: rtl !important;
    text-align: right !important;
}

/* محتوای پست‌ها */
.entry-content,
.entry-content * {
    direction: rtl !important;
    text-align: right !important;
}

/* عنوان پست‌ها در همه حالت‌ها */
h1, h2, h3, h4, h5, h6,
.entry-title,
.post-title,
.newsx-title,
.newsx-post-title,
.newsx-post-title a,
.block-title,
.widget-title,
a {
    direction: rtl !important;
    text-align: right !important;
}

/* لیست‌ها */
ul, ol, li {
    direction: rtl !important;
    text-align: right !important;
}

/* جلوگیری از برگشت ناخواسته توسط فلکس یا گرید */
[class*="flex"],
[class*="grid"] {
    direction: rtl !important;
}
/* Fix next/prev arrows for RTL */
body.rtl .newsx-grid-next-prev {
    direction: ltr;
}

body.rtl .newsx-grid-next-prev .newsx-prev svg {
    transform: rotate(180deg);
}

body.rtl .newsx-grid-next-prev .newsx-next svg {
    transform: rotate(180deg);
}

/* فاصله اصولی بین تصویر و متن در بخش انتخاب کاربران */
.newsx-post.newsx-flex-nowrap .newsx-post-meta {
  margin-right: 16px;
}

/* باکس جستجو + placeholder */
.newsx-header-search input,
.newsx-header-search input::placeholder,
.search-form input,
.search-field {
  font-family: 'IRANSansX', sans-serif !important;
  font-weight: 400;
}
/* اصلاح جهت pagination در دسته‌بندی و جستجو */
.newsx-blog-pagination {
  direction: rtl;
  display: flex;
  justify-content: right;
  align-items: right;
}

.newsx-blog-pagination .newsx-prev svg {
  transform: rotate(180deg);
}

.newsx-blog-pagination .newsx-next svg {
  transform: rotate(180deg);
}
#newsx_magazine_layout-3 .newsx-grid-over-media {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.55) 0%,
        rgba(0, 0, 0, 0.35) 40%,
        rgba(0, 0, 0, 0.0) 100%
    );
}
.newsx-middle-section-wrap[style*="position: fixed"] {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* =================================================
   Social Widgets (14 + 12)
   - استایل متنی
   - عددها نرمال
   - Soundcloud → بنر تصویری هم‌اندازه بقیه
   ================================================= */

/* استایل کلی آیتم‌ها */
#newsx_social_icons-14 .newsx-social-icon,
#newsx_social_icons-12 .newsx-social-icon{
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

/* آیکن اندازه ثابت */
#newsx_social_icons-14 .newsx-svg-icon,
#newsx_social_icons-12 .newsx-svg-icon{
    min-width: 28px;
    display: flex;
    justify-content: center;
}

/* متن‌ها زیر هم */
#newsx_social_icons-14 .soc-meta,
#newsx_social_icons-12 .soc-meta{
    display: flex;
    flex-direction: column;
}

/* عددها بولد نباشن */
#newsx_social_icons-14 .soc-count,
#newsx_social_icons-12 .soc-count{
    font-weight: 400 !important;
}

/* =========================================
   Soundcloud → بنر تصویری (هر دو ویجت)
   ========================================= */

#newsx_social_icons-14 a.newsx-social-icon.newsx-soundcloud-si,
#newsx_social_icons-12 a.newsx-social-icon.newsx-soundcloud-si{
    display: flex !important;
    position: relative !important;
    width: 100% !important;
    align-items: stretch !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* مخفی کردن محتوای داخلی */
#newsx_social_icons-14 a.newsx-social-icon.newsx-soundcloud-si > *,
#newsx_social_icons-12 a.newsx-social-icon.newsx-soundcloud-si > *{
    display: none !important;
}

/* تصویر بنر */
#newsx_social_icons-14 a.newsx-social-icon.newsx-soundcloud-si::before,
#newsx_social_icons-12 a.newsx-social-icon.newsx-soundcloud-si::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("/wp-content/uploads/2026/02/هوش-مصنوعی-1.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important; /* ✅ دقیقاً هم‌اندازه بقیه باکس‌ها */
}

/* هاور نرم */
#newsx_social_icons-14 a.newsx-social-icon.newsx-soundcloud-si:hover,
#newsx_social_icons-12 a.newsx-social-icon.newsx-soundcloud-si:hover{
    opacity: 0.95 !important;
}


/* حذف کامل خط زیر عنوان‌ها */
.newsx-underline-hover,
.newsx-underline-hover:hover,
.newsx-underline-hover:focus {
    text-decoration: none !important;
}


/* استایل دکمه‌ای برای عنوان سکشن‌ها */
.newsx-widget-title-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0050a8;
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 1px;
    text-align: center;
}

/* حذف خط لینک اگر بعضی‌ها a هستن */
.newsx-widget-title-text:hover {
    color: #ffffff !important;
    text-decoration: none;
}
.wp-block-heading.has-text-align-center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0050a8;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 1px;
}
/* شبیه‌سازی دقیق ساختار سکشن‌های newsx برای انتخاب کاربران */

#block-105 {
    position: relative;
    padding-top: 9px;
    padding-bottom: 11px;
}

/* خط بالا دقیق مثل بقیه */
#block-105::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #f5a623;
}

/* خط پایین باریک و کم‌رنگ‌تر */
#block-105::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgba(245,166,35,0.25);
}

/* استایل دقیق عنوان مثل newsx */
#block-105 .wp-block-heading {
    font-size: 16px;     /* اگر ۱px اختلاف دیدی 17px کن */
    font-weight: 700;
    margin: ;
    padding: 4.5px 14px;
    background-color: #0050a8;
    color: #ffffff;
    display: inline-block;
    line-height: 1.3;
}
/* فاصله عمودی سکشن تب‌ها - عدد رو اینجا تغییر بده */
#newsx_featured_tabs-5 {
    margin-top: -10px;   /* عدد رو کم و زیاد کن تا دقیق جاش بشینه */
}


/* حذف کادر نارنجی قبلی */
#newsx_featured_tabs-5 .newsx-tabs li {
    border: none !important;
}


/* حالت عادی باکس‌ها */
#newsx_featured_tabs-5 .newsx-tabs li {
    background: #0050a8;
    color: #ffffff;
    padding: 8px 16px;
    transition: 0.3s;
}


/* متن داخل */
#newsx_featured_tabs-5 .newsx-tabs li span {
    color: #ffffff;
}


/* حالت فعال */
#newsx_featured_tabs-5 .newsx-tabs li.active {
    background: #f5a623;
}


/* جلوگیری از برگشت رنگ قالب */
#newsx_featured_tabs-5 .newsx-tabs li.active span {
    color: #ffffff;
}
#newsx_featured_tabs-5 .newsx-tabs li {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* باکس فلش‌ها */
.newsx-ajax-prev,
.newsx-ajax-next {
    background-color: #0050a8;
    color: #ffffff;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    transition: all 0.25s ease;
}

/* آیکن داخل */
.newsx-ajax-prev svg,
.newsx-ajax-next svg {
    color: #ffffff;
    transition: transform 0.25s ease;
}

/* افکت هاور ساده */
.newsx-ajax-prev:hover,
.newsx-ajax-next:hover {
    background-color: #003f86; /* کمی تیره‌تر */
    transform: translateY(-2px);
}

/* حرکت ملایم فلش داخل */
.newsx-ajax-prev:hover svg {
    transform: translateX(-3px);
}

.newsx-ajax-next:hover svg {
    transform: translateX(3px);
}
.single-post .newsx-single-post-header h1 {
    margin-top: 60px; /* عدد فاصله - قابل تغییر */
}
.post-source.source-tag > span {
    display: none;
}
.comments-area {
    display: none !important;
}
.newsx-breadcrumbs {
    display: none !important;
}

/* حذف نقطه سیاه ویجت‌ها */
.newsx-sidebar .newsx-widget {
    list-style: none !important;
}
/* حذف عنوان صفحات دسته‌بندی */
body.category .newsx-archive-page-header h1 {
    display: none !important;
}
/* حذف عنوان صفحات تگ */
body.tag .newsx-archive-page-header h1 {
    display: none !important;
}
/* بزرگ کردن تگ‌های پایین پست */
.single-post .post-source.source-tag a {
    font-size: 14px; /* این عدد را تغییر بده */
    padding: 6px 14px; /* فاصله داخل دکمه */
}
.single-post .newsx-post-sharing .sharing-header > span:last-child {
    font-size: 17px;
    margin-right: 8px; /* فاصله از آیکن */
}
/* فقط حذف فاصله عمودی بین سکشن بنرها (row-2 و row-3) */
.home .newsx-row.newsx-fp-row-2{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-3{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* اگر خودِ wrapper داخلی فاصله عمودی اضافه میده */
.home .newsx-row.newsx-fp-row-2 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-3 .newsx-row-inner{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.home .newsx-row.newsx-fp-row-2{ margin-bottom: -35px !important; }
/* ===== بنرهای سه‌تایی (Row 2 و Row 3) — موبایل/تبلت ===== */
:root{
  --ad-stack-gap: -10px; /* فاصله بین بنرها در موبایل/تبلت (عدد رو تغییر بده) */
}

@media (max-width: 1024px){

  /* اجازه بده ستون‌ها توی موبایل/تبلت زیر هم بیفتن */
  .home .newsx-fp-row-2 .newsx-row-inner,
  .home .newsx-fp-row-3 .newsx-row-inner{
    flex-wrap: wrap !important;
  }

  /* هر ستون/بخش 100% عرض بگیره و فاصله‌ها یکسان بشه */
  .home .newsx-fp-row-2 .newsx-left-sidebar,
  .home .newsx-fp-row-2 .newsx-main-content,
  .home .newsx-fp-row-2 .newsx-right-sidebar,
  .home .newsx-fp-row-3 .newsx-left-sidebar,
  .home .newsx-fp-row-3 .newsx-main-content,
  .home .newsx-fp-row-3 .newsx-right-sidebar{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;

    margin: 0 0 var(--ad-stack-gap) 0 !important; /* فاصله یکسان */
    padding: 0 !important; /* اختلاف‌های عجیب از padding رو خنثی می‌کنه */
  }

  /* آخرین آیتم فاصله پایین نداشته باشه */
  .home .newsx-fp-row-2 .newsx-right-sidebar,
  .home .newsx-fp-row-3 .newsx-right-sidebar{
    margin-bottom: 0 !important;
  }

  /* خود ویجت تصویر هم یکسان و بدون فاصله اضافی */
  .home .newsx-fp-row-2 .widget_media_image,
  .home .newsx-fp-row-3 .widget_media_image{
    margin: 0 !important;
    padding: 0 !important;
  }

  .home .newsx-fp-row-2 .widget_media_image img,
  .home .newsx-fp-row-3 .widget_media_image img{
    display: block;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1024px){

  /* فقط فاصله بین row-2 و row-3 */
  .home .newsx-row.newsx-fp-row-2 + .newsx-row.newsx-fp-row-3{
    margin-top: 0 !important;
    padding-top: 20px !important; /* این عدد رو تغییر بده */
  }

  /* مطمئن شو row-2 تهش فاصله اضافی تولید نمی‌کنه */
  .home .newsx-row.newsx-fp-row-2{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1024px){

  /* افزایش فاصله از پایین سکشن بنر پایینی */
  .home .newsx-row.newsx-fp-row-3{
    padding-bottom: 30px !important; /* این عدد رو خودت تنظیم کن */
    margin-bottom: 0 !important;
  }

}

/* کم کردن فاصله سکشن row-1 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-1{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* اگر فاصله از داخل کانتینر ساخته شده */
.home .newsx-row.newsx-fp-row-1 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.home .newsx-row.newsx-fp-row-1{ margin-bottom: -20px !important; }

/* کم کردن فاصله سکشن row-3 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-3{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* اگر فاصله از داخل کانتینر ساخته شده */
.home .newsx-row.newsx-fp-row-3 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.home .newsx-row.newsx-fp-row-3{ margin-bottom: -20px !important; }


/* کم کردن فاصله سکشن row-4 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-4{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* اگر فاصله از داخل کانتینر ساخته شده */
.home .newsx-row.newsx-fp-row-4 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.home .newsx-row.newsx-fp-row-4{ margin-bottom: -40px !important; }

/* کم کردن فاصله سکشن row-5 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-5{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-5 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* اگر لازم شد چسبیده‌ترش کن (عدد رو تغییر بده) */
.home .newsx-row.newsx-fp-row-5{
  margin-bottom: -15px !important;  /* این عدد رو تغییر بده */
}


/* کم کردن فاصله سکشن row-6 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-6{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-6 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* چسباندن بیشتر به سکشن بعدی */
.home .newsx-row.newsx-fp-row-6{
  margin-bottom: -40px !important; /* عدد رو به دلخواه کم‌وزیاد کن */
}

/* کم کردن فاصله سکشن row-7 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-7{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-7 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* چسباندن بیشتر به سکشن بعدی */
.home .newsx-row.newsx-fp-row-7{
  margin-bottom: -15px !important; /* عدد رو به دلخواه کم‌وزیاد کن */
}

/* کم کردن فاصله سکشن row-8 از سکشن بعدی (همه نسخه‌ها) */
.home .newsx-row.newsx-fp-row-8{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.home .newsx-row.newsx-fp-row-8 .newsx-row-inner{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* چسباندن بیشتر به سکشن بعدی */
.home .newsx-row.newsx-fp-row-8{
  margin-bottom: -15px !important; /* عدد رو به دلخواه کم‌وزیاد کن */
}

/* کم کردن فاصله فوتر از بالا (همه نسخه‌ها) */
#site-footer.newsx-site-footer{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* wrapper های داخلی فوتر هم بعضی وقتا فاصله میدن */
#site-footer .newsx-section-wrap,
#site-footer .newsx-middle-section-wrap,
#site-footer .newsx-bottom-section-wrap{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* اگر هنوز فاصله زیاد بود، این عدد منفی رو بیشتر کن */
#site-footer.newsx-site-footer{
  margin-top: -10px !important;  /* این عدد رو تغییر بده */
}

/* فاصله بیشتر بین عکس و متن در نتایج لایو سرچ */
.newsx-ajax-search-results li{
  display: flex;
  align-items: center; /* اگر لازم نبود می‌تونی حذفش کنی */
}

.newsx-ajax-search-results a.search-results-image{
  margin-left: 14px !important; /* این عدد رو زیاد/کم کن */
  flex: 0 0 auto;
}

/* تغییر سایز متن HTML هدر فقط در موبایل و تبلت */
@media (max-width: 1024px){

  #site-header .newsx-header-custom-html-1 div{
    font-size: 14px !important;   /* ← این عدد رو تغییر بده */
    line-height: 1.6 !important;
  }

}

@media (max-width: 1024px){

  /* فقط ردیف بالایی هدر (همون که متن + لوگو توشه) */
  #site-header .newsx-top-section-wrap .newsx-builder-grid-row{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 12px !important;

    /* سایت RTL می‌مونه (اصولی) */
    direction: rtl !important;

    /* در RTL: ترتیب بصری = راست به چپ
       پس اگر بخوای "لوگو سمت چپ" باشه، باید لوگو رو بذاریم آخر (end) */
    grid-template-areas: "right text logo" !important;
  }

  /* متن (ستون چپِ قالب شما) -> بیاد سمت راست */
  #site-header .newsx-top-section-wrap .newsx-grid-column-left{
    grid-area: text !important;
    justify-self: start !important;   /* start در RTL یعنی راست */
    text-align: right !important;
    direction: rtl !important;
    min-width: 0 !important;
  }

  /* لوگو (ستون وسط) -> بره سمت چپ */
  #site-header .newsx-top-section-wrap .newsx-grid-column-center{
    grid-area: logo !important;
    justify-self: end !important;     /* end در RTL یعنی چپ */
    text-align: left !important;
    min-width: 0 !important;
  }

  /* ستون راست اگر چیزی داره/نداره */
  #site-header .newsx-top-section-wrap .newsx-grid-column-right{
    grid-area: right !important;
    justify-self: start !important;   /* در RTL یعنی راست */
    min-width: 0 !important;
  }

  /* اندازه لوگو قابل تغییر */
  #site-header .newsx-top-section-wrap .site-logo img.custom-logo{
    width: 220px !important;      /* عدد رو تغییر بده */
    height: auto !important;
    max-width: 55vw !important;   /* تو افقی/عمودی کنترل میشه */
  }

  /* متن Dana (همون HTML شما) */
  #site-header .newsx-top-section-wrap .newsx-header-custom-html-1{
    font-size: 14px !important;   /* عدد رو تغییر بده */
    line-height: 1.6 !important;
    white-space: normal !important;
  }
}

/* همیشه همبرگری در موبایل+تبلت (حتی landscape) */
@media (max-width: 1200px){

  /* منوی دسکتاپ مخفی */
  #site-header .newsx-desktop-menu-container{
    display: none !important;
  }

  /* دکمه همبرگری حتماً دیده بشه */
  #site-header .newsx-mobile-menu-toggle{
    display: inline-flex !important;
    align-items: center !important;
  }

  /* خیلی مهم: به خودِ منوی موبایل (کشویی) display نده
     تا JS قالب خودش باز/بسته‌اش کنه و گیر نکنه */
  /* #site-header .newsx-mobile-menu-container{ ... }  <-- عمداً دست نمی‌زنیم */
}

/* دسکتاپ واقعی: منوی دسکتاپ برگرده */
@media (min-width: 1367px){

  #site-header .newsx-desktop-menu-container{
    display: block !important;
  }

  #site-header .newsx-mobile-menu-toggle{
    display: none !important;
  }

  #site-header .newsx-mobile-menu-container{
    display: none !important;
  }
}


/* ========== Dark Mode | فقط بدنه سکشن "انتخاب کاربران" ========== */
/* هدف: در دارک مد فقط پس‌زمینه/کانتینر سکشن شبیه بقیه ویجت‌ها بشه
   ولی عنوان (0050a8) و تب‌ها (0050a8 + active=f5a623) دست نخورن */

/* کانتینر کلی بلاک */
body.dark-mode #block-105,
body.newsx-dark-mode #block-105,
body.dark #block-105,
body[data-theme="dark"] #block-105,
html[data-theme="dark"] #block-105{
  background: #22222 !important;     /* تیره مثل ویجت‌های دارک */
  border-radius: 0 !important;
}

/* اگر داخل بلاک wrapper یا div اضافه داشت، همینم تیره کن */
body.dark-mode #block-105 > *,
body.newsx-dark-mode #block-105 > *,
body.dark #block-105 > *,
body[data-theme="dark"] #block-105 > *,
html[data-theme="dark"] #block-105 > *{
  background: transparent !important;
}

/* خطوط بالا/پایین رو همون اَکسنت نگه دار (مشکلی نداره) */
body.dark-mode #block-105::before,
body.newsx-dark-mode #block-105::before,
body.dark #block-105::before,
body[data-theme="dark"] #block-105::before,
html[data-theme="dark"] #block-105::before{
  background: #383838 !important;
}

body.dark-mode #block-105::after,
body.newsx-dark-mode #block-105::after,
body.dark #block-105::after,
body[data-theme="dark"] #block-105::after,
html[data-theme="dark"] #block-105::after{
  background: #4a4a4a !important;
}

/* ✅ مهم: عنوان و تب‌ها رو صراحتاً قفل می‌کنیم که در دارک مد تغییر نکنن */
body.dark-mode #block-105 .wp-block-heading,
body.newsx-dark-mode #block-105 .wp-block-heading,
body.dark #block-105 .wp-block-heading,
body[data-theme="dark"] #block-105 .wp-block-heading,
html[data-theme="dark"] #block-105 .wp-block-heading{
  background-color: #0050a8 !important;
  color: #ffffff !important;
}

body.dark-mode #newsx_featured_tabs-5 .newsx-tabs li,
body.newsx-dark-mode #newsx_featured_tabs-5 .newsx-tabs li,
body.dark #newsx_featured_tabs-5 .newsx-tabs li,
body[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li,
html[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li{
  background: #0050a8 !important;
  color: #ffffff !important;
}

body.dark-mode #newsx_featured_tabs-5 .newsx-tabs li span,
body.newsx-dark-mode #newsx_featured_tabs-5 .newsx-tabs li span,
body.dark #newsx_featured_tabs-5 .newsx-tabs li span,
body[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li span,
html[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li span{
  color: #ffffff !important;
}

body.dark-mode #newsx_featured_tabs-5 .newsx-tabs li.active,
body.newsx-dark-mode #newsx_featured_tabs-5 .newsx-tabs li.active,
body.dark #newsx_featured_tabs-5 .newsx-tabs li.active,
body[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li.active,
html[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li.active{
  background: #f5a623 !important;
}

body.dark-mode #newsx_featured_tabs-5 .newsx-tabs li.active span,
body.newsx-dark-mode #newsx_featured_tabs-5 .newsx-tabs li.active span,
body.dark #newsx_featured_tabs-5 .newsx-tabs li.active span,
body[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li.active span,
html[data-theme="dark"] #newsx_featured_tabs-5 .newsx-tabs li.active span{
  color: #ffffff !important;
}

/* حذف کامل دکمه/باکس دسته‌بندی روی کارت‌های پست */
.newsx-grid-categories{
  display: none !important;
}


/* چسباندن هدر آرشیو به هدر سایت */
.newsx-archive-page-header{
  margin-top: -50px !important; /* ← عدد کلیدی */
  padding-top: 10px !important;
}


/* حذف کامل سایدبار فقط در صفحات مشخص */
.no-general-sidebar .newsx-general-sidebar{
  display: none !important;
}

/* ✅ فقط ساختار ستون‌ها تک‌ستونه بشه؛
   کانتینر سایت و max-width تم دست نخورده می‌مونه */
.no-general-sidebar .newsx-row-inner{
  display: grid !important;
  grid-template-columns: 1fr !important;
}

/* اگر تم به main-content عرض داده یا محدود کرده */
.no-general-sidebar .newsx-main-content{
  width: 100% !important;
  max-width: 100% !important;
}


/* فقط موبایل: نظم + فاصله‌ها + جلوگیری از چسبیدن به چپ/راست */
@media (max-width: 768px){

  /* wrapper موبایل */
  #newsx-mobile-custom-order-wrap,
  .newsx-mobile-custom-order{
    width: 100%;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* فاصله بین همه آیتم‌هایی که داخل این wrapper میاد */
  #newsx-mobile-custom-order-wrap > *,
  .newsx-mobile-custom-order > *{
    margin-top: 16px !important;
  }

  /* آیتم اول فاصله از بالا نداشته باشه */
  #newsx-mobile-custom-order-wrap > *:first-child,
  .newsx-mobile-custom-order > *:first-child{
    margin-top: 0 !important;
  }

  /* اگه داخل بعضی ردیف‌ها/کانتینرها padding حذف شده بود، جلوی چسبیدن رو بگیر */
  .newsx-row-inner,
  .newsx-container{
    box-sizing: border-box;
  }

  /* اجباری: هر چیزی که تو موبایل دو ستون/چند ستون شده بود، تک ستون بشه */
  .newsx-row-inner,
  .newsx-row-inner.newsx-flex-nowrap{
    flex-wrap: wrap !important;
  }

  /* سایدبارها و محتوای ردیف‌ها تو موبایل تمام‌عرض و تک‌ستونه */
  .newsx-left-sidebar,
  .newsx-right-sidebar,
  .newsx-main-content,
  .newsx-sidebar{
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 768px){
  /* مقدار قابل تنظیم: فاصله row-3 با آیتم بعدی */
  :root{
    --fp-row-3-gap: 24px; /* این عدد رو خودت کم/زیاد کن */
  }

  #newsx-mobile-custom-order-wrap > .newsx-row.newsx-fp-row-3,
  .newsx-mobile-custom-order > .newsx-row.newsx-fp-row-3{
    margin-bottom: var(--fp-row-3-gap) !important;
  }

  /* اگر margin-top آیتم بعدی هنوز اعمال میشه و دو برابر میشه، این خط رو هم فعال کن */
  #newsx-mobile-custom-order-wrap > .newsx-row.newsx-fp-row-3 + *,
  .newsx-mobile-custom-order > .newsx-row.newsx-fp-row-3 + *{
    margin-top: 0 !important;
  }
}

@media (max-width: 768px){
  /* جلوگیری از اسکرول افقی/تکان خوردن */
  html, body{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  /* عناصر رایج که ممکنه باعث بیرون‌زدگی بشن */
  img, iframe, video, svg{
    max-width: 100% !important;
    height: auto !important;
  }

  /* بعضی ردیف‌ها/کانتینرها ممکنه با width:100vw بیرون بزنن */
  .newsx-row, .newsx-row-inner, .newsx-container,
  #newsx-mobile-custom-order-wrap, .newsx-mobile-custom-order{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}


@font-face {
  font-family: 'IranNastaliq';
  src: url('assets/fonts/IranNastaliq/IranNastaliq.woff2') format('woff2'),
       url('assets/fonts/IranNastaliq/IranNastaliq.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MehrNastaliqWebversion';
  src: url('assets/fonts/MehrNastaliqWebversion/MehrNastaliqWebversion.woff2') format('woff2'),
       url('assets/fonts/MehrNastaliqWebversion/MehrNastaliqWebversion.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.header-nastaliq-text{
  font-family: 'MehrNastaliqWebversion', serif;
  font-weight: normal;
  font-size: 32px;   /* اندازه دسکتاپ */
  line-height: 1.4;
}

/* فقط موبایل */
@media (max-width: 768px){
  .header-nastaliq-text{
    font-size: 80px; /* 👈 این عدد رو راحت تنظیم کن */
  }
}


/* ==============================
   کوچک‌تر شدن تاریخ سکشن اول فقط در موبایل
   ============================== */
@media (max-width: 768px){

  /* فقط سکشن اول صفحه اصلی (magazine layout) */
  .newsx-magazine-layout
  .newsx-grid-date-time
  .newsx-grid-date{
    font-size: 11px;   /* 👈 این عدد رو تغییر بده */
    line-height: 1.4;
  }

}



/* ==============================
   Smart Slider 3 (slider="2") → فونت متن روی عکس = Dana-Bold
   ============================== */

/* فقط همین اسلایدر (id: smartslider3-2) */
#smartslider3-2 .n2-ss-text,
#smartslider3-2 .n2-ss-text *{
  font-family: "Dana", sans-serif !important;
  font-weight: 700 !important;   /* Dana-Bold */
}



/* ==============================
   فقط ویجت "انتخاب سردبیر"
   فقط دسکتاپ
   ============================== */
@media (min-width: 769px) {

  /* 1) حذف تاریخ فقط در همین ویجت */
  #newsx_list_layout-24 .newsx-grid-date-time,
  #newsx_list_layout-24 .newsx-grid-date {
    display: none !important;
  }

  /* 2) کوچک کردن تصویر فقط در همین ویجت */
  /* عددها قابل تنظیم هستند */
  #newsx_list_layout-24 .newsx-grid-media {
    width: 120px;        /* ✅ اندازه عکس (کم/زیادش کن) */
    flex: 0 0 120px;
  }

  #newsx_list_layout-24 .newsx-grid-media img {
    width: 120px;        /* ✅ هم‌اندازه با بالا */
    height: 80px;        /* ✅ ارتفاع عکس (کم/زیادش کن) */
    object-fit: cover;
    border-radius: 0px;  /* اختیاری */
    display: block;
  }

  /* اگر کنار عکس متن خیلی می‌چسبه، این فاصله رو تنظیم کن */
  #newsx_list_layout-24 .newsx-grid-below-media {
    padding-right: 12px; /* ✅ فاصله متن از عکس */
  }
}



/* ==============================
   Featured Tabs (newsx_featured_tabs-5)
   فقط دسکتاپ
   ============================== */
@media (min-width: 769px) {

  /* 1) حذف تاریخ فقط در همین ویجت */
  #newsx_featured_tabs-5 .newsx-post-meta > span{
    display: none !important;
  }

  /* ✅ کنترل فاصله بین عکس و متن (عدد رو تغییر بده) */
  #newsx_featured_tabs-5{
    --ft-gap: 0px;   /* ← این عدد رو کم/زیاد کن */
  }

  /* جایی که واقعاً فاصله ساخته میشه: خود ردیف پست */
  #newsx_featured_tabs-5 .newsx-tab-content .newsx-post.newsx-flex-nowrap{
    gap: var(--ft-gap) !important;
    column-gap: var(--ft-gap) !important;
  }

  /* اگر قالب با margin فاصله داده باشد */
  #newsx_featured_tabs-5 .newsx-post-meta{
    margin: 0 !important;
    padding: 0 !important;
  }

  #newsx_featured_tabs-5 .newsx-post-meta h6{
    margin: 0 !important;
  }

  /* 2) کوچیک کردن تصویر */
  #newsx_featured_tabs-5 .newsx-post-image{
    width: 120px;
    flex: 0 0 120px;
  }

  #newsx_featured_tabs-5 .newsx-post-image img{
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 0px;
    display: block;
  }
}




/* =========================
   Balatarin icon - force visible + fixed size
   ========================= */

.newsx-static-sharing .sharing-icons a.balatarin-share{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 40px !important;
  height: 40px !important;

  background: transparent !important;
  border-radius: 0 !important;

  opacity: 1 !important;
  visibility: visible !important;

  position: relative;
  z-index: 10;
  pointer-events: auto !important;
}

.newsx-static-sharing .sharing-icons a.balatarin-share .newsx-svg-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 22px !important;   /* ✅ اندازه لوگو */
  height: 22px !important;  /* ✅ اندازه لوگو */

  opacity: 1 !important;
  visibility: visible !important;
}

.newsx-static-sharing .sharing-icons a.balatarin-share img{
  width: 22px !important;   /* ✅ اندازه لوگو */
  height: 22px !important;  /* ✅ اندازه لوگو */

  max-width: none !important;
  max-height: none !important;

  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;

  filter: none !important;
  mix-blend-mode: normal !important;

  pointer-events: none;
}



/* ✅ فقط موبایل + فقط صفحه خبر: بخش اشتراک‌گذاری بدون overflow */
@media (max-width: 768px){

body.single-post .newsx-static-sharing .newsx-post-sharing{
display: flex !important;
flex-direction: column !important;
}

/* متن اشتراک‌گذاری */
body.single-post .newsx-static-sharing .sharing-header{
margin-bottom: 14px !important;
}

/* آیکن‌ها */
body.single-post .newsx-static-sharing .sharing-icons{
display: flex !important;
flex-wrap: wrap !important; /* 👈 مهم: نه nowrap */
justify-content: flex-start !important;
gap: 12px;
overflow: visible !important;
max-width: 100% !important;
}

body.single-post .newsx-static-sharing .sharing-icons a{
flex: 0 0 auto;
}
}




/* حذف کامل عنوان صفحه نتایج جستجو */
.search-results h1{
  display: none !important;
}

/* حذف متن Showing X results for your search */
.search-results p{
  display: none !important;
}






/* ===================================================
UNIFORM IMAGES - GLOBAL (SAFE & CLEAN)
عمومی: 16:9
فقط صفحه داخلی پست: 8:5
=================================================== */

:root{
--newsx-thumb-radius: 0px;
--newsx-thumb-ratio: 16/9; /* نسبت عمومی سایت */
--newsx-single-thumb-ratio: 8/5; /* نسبت صفحه داخلی خبر = 800×500 */
}

/* ===== اعمال روی کل سایت ===== */
.newsx-grid-media img,
.newsx-post-image img,
.newsx-grid-image img,
.newsx-list-widget img,
.newsx-featured-tabs-widget img,
.newsx-posts-widget img,
.newsx-related-posts-wrap img{
width: 100% !important;
height: auto !important;
aspect-ratio: var(--newsx-thumb-ratio);
object-fit: cover;
border-radius: var(--newsx-thumb-radius);
display: block;
}

/* ===================================================
❌ EXCLUDED SECTIONS (کاملاً مستثنا)
=================================================== */

#newsx_featured_tabs-5 img,
#newsx_list_layout-28 img,
#newsx_list_layout-39 img,
#newsx_list_layout-40 img,
#newsx_list_layout-41 img,
#newsx_list_layout-42 img,
#newsx_list_layout-44 img,
#newsx_list_layout-46 img,
#newsx_list_layout-33 img,
#newsx_list_layout-34 img,
#newsx_list_layout-35 img,
#newsx_list_layout-36 img,
#newsx_list_layout-37 img,
#newsx_list_layout-38 img{
aspect-ratio: auto !important;
object-fit: initial !important;
height: auto !important;
border-radius: initial !important;
}

/* ===================================================
SINGLE POST IMAGE CONTROL
فقط صفحه داخلی خبر = نسبت 8:5
=================================================== */

.single-post .wp-post-image,
.single-post .post-thumbnail img,
.single-post .newsx-post-thumbnail img{
width: 100% !important;
height: auto !important;
aspect-ratio: var(--newsx-single-thumb-ratio);
object-fit: cover;
border-radius: var(--newsx-thumb-radius);
display: block;
}







/* ===================================================
   FIX: Featured Tabs (newsx_featured_tabs-5) - keep custom layout
   =================================================== */

/* این ویجت باید کاملاً از یونیفرم جدا باشد */
#newsx_featured_tabs-5 .newsx-post-image img{
  aspect-ratio: auto !important;      /* خنثی کردن 16/9 */
  width: 120px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* دسکتاپ فقط */
@media (min-width: 769px){

  /* حذف تاریخ فقط در همین ویجت */
  #newsx_featured_tabs-5 .newsx-post-meta > span{
    display: none !important;
  }

  /* فاصله متن و عکس */
  #newsx_featured_tabs-5{
    --ft-gap: 0px; /* اینو کم/زیاد کن */
  }

  #newsx_featured_tabs-5 .newsx-tab-content .newsx-post.newsx-flex-nowrap{
    gap: var(--ft-gap) !important;
    column-gap: var(--ft-gap) !important;
    align-items: center !important; /* جلوگیری از بهم‌ریختگی عمودی */
  }

  /* جلوگیری از فاصله‌های اضافی قالب */
  #newsx_featured_tabs-5 .newsx-post-meta{
    margin: 0 !important;
    padding: 0 !important;
  }

  #newsx_featured_tabs-5 .newsx-post-meta h6{
    margin: 0 !important;
  }

  /* سایز باکس عکس */
  #newsx_featured_tabs-5 .newsx-post-image{
    width: 120px !important;
    flex: 0 0 120px !important;
  }
}




/* Hide title فقط در صفحه پخش زنده (page-id-38082) */
.page-id-38082 h1.newsx-page-title{
  display:none !important;
}





/* ===================================================
GIF پرچم
موبایل/تبلت: کنار دکمه پخش زنده
دسکتاپ: وسط نوار بالایی
=================================================== */

/* ردیف نوار بالایی */
.newsx-builder-grid-row.newsx-builder-grid-row-no-center.newsx-container{
position: relative;
overflow: visible !important;
z-index: 1;
}

/* باکس دکمه‌ها */
.newsx-custom-cta{
position: relative;
overflow: visible !important;
z-index: 1;
}

/* خود دکمه زنده */
.newsx-custom-cta .live-btn{
position: relative;
z-index: 1;
}

/* ---------- دسکتاپ: GIF وسط نوار ---------- */
@media (min-width: 1025px){

.newsx-builder-grid-row.newsx-builder-grid-row-no-center.newsx-container::before{
content: "";
width: 100px;
height: 40px;
background-image: url("/wp-content/uploads/2026/03/8na4uDZ5L8l46xeS53.gif");
background-repeat: no-repeat;
background-position: center;
background-size: 96% 96%; /* ترفند کم کردن هاله سفید */
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
pointer-events: none !important;
user-select: none;

/* ترفند CSS برای بریدن لبه‌های سفید خیلی نازک */
clip-path: inset(1px);
}

/* روی دسکتاپ، GIF کنار دکمه غیرفعال باشد */
.newsx-custom-cta::before{
content: none !important;
}
}

/* ---------- موبایل و تبلت: GIF کنار دکمه پخش زنده ---------- */
@media (max-width: 1024px){

.newsx-custom-cta::before{
content: "";
width: 46px;
height: 36px;
background-image: url("/wp-content/uploads/2026/03/8na4uDZ5L8l46xeS53.gif");
background-repeat: no-repeat;
background-position: center;
background-size: 96% 96%; /* ترفند کم کردن هاله سفید */
display: block;
position: absolute;
left: -53px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
pointer-events: none !important;
user-select: none;

/* ترفند CSS برای بریدن لبه‌های سفید خیلی نازک */
clip-path: inset(1px);
}
}

/* ---------- جست‌وجوی زنده ---------- */

/* والد جست‌وجو مرجع موقعیت باشد */
.newsx-header-search,
.newsx-search-wrap,
.newsx-search-form,
.newsx-search-area{
position: relative;
}

/* نتایج جست‌وجو بالاتر از GIF باشند و هدر را نکشند */
.newsx-ajax-search-results{
position: absolute !important;
top: calc(100% + 2px);
right: 0;
left: auto;
z-index: 9999 !important;
}













/* ثابت نگه داشتن ارتفاع آیتم‌ها در سکشن list-1 بدون به‌هم‌زدن چیدمان کنار عکس */
.newsx-list-layout-list-1 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-below-media{
min-height: 90px;
}

.newsx-list-layout-list-1 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3{
margin: 0;
line-height: 1.7;
min-height: 5.1em; /* 2 خط */
max-height: 5.1em;
overflow: hidden;
}

.newsx-list-layout-list-1 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* آیتم بزرگ اول */
.newsx-list-layout-list-1 .newsx-grid-item.newsx-big-post .newsx-grid-title h3{
margin: 0;
line-height: 1.8;
min-height: 5.4em; /* 3 خط */
max-height: 5.4em;
overflow: hidden;
}

.newsx-list-layout-list-1 .newsx-grid-item.newsx-big-post .newsx-grid-title h3 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}






/* ===== فقط ثابت شدن ارتفاع عنوان‌ها برای 14 و 19 ===== */

/* عنوان آیتم‌های معمولی: حداکثر 3 خط */
#newsx_list_layout-14 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3,
#newsx_list_layout-19 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3{
margin: 0;
line-height: 1.7;
min-height: 5.1em;
max-height: 5.1em;
overflow: hidden;
}

#newsx_list_layout-14 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3 a,
#newsx_list_layout-19 .newsx-grid-item:not(.newsx-big-post) .newsx-grid-title h3 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* عنوان آیتم بزرگ: حداکثر 3 خط */
#newsx_list_layout-14 .newsx-grid-item.newsx-big-post .newsx-grid-title h3,
#newsx_list_layout-19 .newsx-grid-item.newsx-big-post .newsx-grid-title h3{
margin: 0;
line-height: 1.8;
min-height: 5.4em;
max-height: 5.4em;
overflow: hidden;
}

#newsx_list_layout-14 .newsx-grid-item.newsx-big-post .newsx-grid-title h3 a,
#newsx_list_layout-19 .newsx-grid-item.newsx-big-post .newsx-grid-title h3 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}





/* ===== ثابت شدن ارتفاع عنوان‌ها برای سکشن 24 ===== */

#newsx_list_layout-24 .newsx-grid-title h5{
margin: 0;
line-height: 1.7;
min-height: 5.1em; /* 3 خط */
max-height: 5.1em;
overflow: hidden;
}

#newsx_list_layout-24 .newsx-grid-title h5 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}




/* ===== ثابت شدن ارتفاع خبرها در سکشن featured tabs ===== */

#newsx_featured_tabs-5 .newsx-post-meta h6{
margin: 0;
line-height: 1.7;
min-height: 5.1em; /* 3 خط */
max-height: 5.1em;
overflow: hidden;
}

#newsx_featured_tabs-5 .newsx-post-meta h6 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}





/* ===== تنظیم ارتفاع عنوان‌ها برای سکشن‌های لیست ===== */

#newsx_list_layout-33 .newsx-grid-title h5,
#newsx_list_layout-34 .newsx-grid-title h5,
#newsx_list_layout-35 .newsx-grid-title h5,
#newsx_list_layout-36 .newsx-grid-title h5,
#newsx_list_layout-37 .newsx-grid-title h5,
#newsx_list_layout-38 .newsx-grid-title h5,
#newsx_list_layout-28 .newsx-grid-title h5,
#newsx_list_layout-39 .newsx-grid-title h5,
#newsx_list_layout-40 .newsx-grid-title h5,
#newsx_list_layout-41 .newsx-grid-title h5,
#newsx_list_layout-42 .newsx-grid-title h5,
#newsx_list_layout-44 .newsx-grid-title h5,
#newsx_list_layout-46 .newsx-grid-title h5{
margin: 0;
line-height: 1.7;
min-height: 5.1em;
max-height: 5.1em;
overflow: hidden;
}

#newsx_list_layout-33 .newsx-grid-title h5 a,
#newsx_list_layout-34 .newsx-grid-title h5 a,
#newsx_list_layout-35 .newsx-grid-title h5 a,
#newsx_list_layout-36 .newsx-grid-title h5 a,
#newsx_list_layout-37 .newsx-grid-title h5 a,
#newsx_list_layout-38 .newsx-grid-title h5 a,
#newsx_list_layout-28 .newsx-grid-title h5 a,
#newsx_list_layout-39 .newsx-grid-title h5 a,
#newsx_list_layout-40 .newsx-grid-title h5 a,
#newsx_list_layout-41 .newsx-grid-title h5 a,
#newsx_list_layout-42 .newsx-grid-title h5 a,
#newsx_list_layout-44 .newsx-grid-title h5 a,
#newsx_list_layout-46 .newsx-grid-title h5 a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}

/* ===== حذف تاریخ در همین سکشن‌ها ===== */

#newsx_list_layout-33 .newsx-grid-date,
#newsx_list_layout-34 .newsx-grid-date,
#newsx_list_layout-35 .newsx-grid-date,
#newsx_list_layout-36 .newsx-grid-date,
#newsx_list_layout-37 .newsx-grid-date,
#newsx_list_layout-38 .newsx-grid-date,
#newsx_list_layout-28 .newsx-grid-date,
#newsx_list_layout-39 .newsx-grid-date,
#newsx_list_layout-40 .newsx-grid-date,
#newsx_list_layout-41 .newsx-grid-date,
#newsx_list_layout-42 .newsx-grid-date,
#newsx_list_layout-44 .newsx-grid-date,
#newsx_list_layout-46 .newsx-grid-date{
display: none;
}










/* =========================================
Mobile single post sidebar stretch fix
فقط موبایل + فقط صفحه خبر
========================================= */
@media (max-width: 768px){

/* والد اصلی محتوا و سایدبار */
body.single-post .newsx-content-area,
body.single-post .newsx-main-wrapper,
body.single-post .content-area,
body.single-post .site-main{
display: block !important;
}

/* ستون محتوا و ستون سایدبار کش نیایند */
body.single-post .newsx-primary,
body.single-post .newsx-secondary,
body.single-post .newsx-sidebar,
body.single-post .widget-area,
body.single-post .secondary{
float: none !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
align-self: flex-start !important;
min-height: 0 !important;
height: auto !important;
max-height: none !important;
}

/* خود سایدبار مشکل‌دار */
body.single-post .newsx-sidebar.widget-area.secondary.newsx-general-sidebar{
display: block !important;
overflow: visible !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
clear: both !important;
}
}






/* حذف تعداد ویو پست */
.newsx-post-views{
display: none !important;
}





.dana-font{
font-family: 'Dana', sans-serif !important;
}