/* ====== Base ====== */
body{
  font-family: IRANSANS;
}
html[dir="rtl"] body{
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed;
}

.text-justify { text-align: justify; }

/* متن‌های کوچک کنار آیکن‌ها */
.container-f {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #1f2937 !important; /* Gray/800 */
  line-height: 1.9;
}
.container-f img { margin-inline-end: .4rem; }

/* تیترهای داخل container-f */
.container-f h1,
.container-f h2,
.container-f h3,
.container-f h4,
.container-f h5,
.container-f h6 {
  font-size: 30px !important;
  font-weight: 700 !important;
}

/* دکمه بنفش */
.btn-purple { background-color: #4A3AFF; color: #fff; }
.btn-purple:hover { background-color: #3a2ecc; color: #fff; }

/* ====== ردیف متای زیر کارت‌ها (تراز تمیز) ====== */
/* HTML لازم تغییر نمی‌کند؛ فقط این کلاس‌ها در CSS کفایت می‌کند */
.card-meta{
  display: flex;
  align-items: center;      /* وسط‌چین عمودی کل ردیف */
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: .75rem;
}
@media (min-width: 576px){
  .card-meta{ flex-wrap: nowrap; }
}
.card-meta .meta-left{
  display: flex;
  align-items: center;      /* تاریخ + دسته‌بندی هم‌تراز */
  gap: 1.25rem;
  min-width: 0;
}
.card-meta .meta-item,
.card-meta .read-more{
  display: inline-flex;     /* هم‌تراز دقیق آیکن و متن */
  align-items: center;
  line-height: 1;
  font-size: .95rem;
  margin: 0;
  white-space: nowrap;
  min-height: 24px;         /* قد یکنواخت برای همه آیتم‌ها */
}
.card-meta .meta-item img,
.card-meta .read-more img{
  width: 18px; height: 18px;
  object-fit: contain;
  margin-inline-end: .4rem;
  display: block;           /* حذف فاصله baseline آیکن */
}
/* "مطالعه" همیشه انتهای ردیف (در RTL = سمت چپ) */
.card-meta .read-more{ margin-inline-start: auto; }

/* ====== ریسپانسیو ====== */
@media (max-width: 767.98px) {
  .container-f img[src="img/Group 1000008969.png"]{
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 575.98px) {
  .comment-header h6 { font-size: .9rem; }
  .comment-header .meta { font-size: .8rem; }
  .comment-header .meta img { width: 14px; }
}
/* سایدبار جمع‌وجور و یکدست */
.sidebar-card .thumb { aspect-ratio:16/9; overflow:hidden; }
.sidebar-card .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.sidebar-card .title { font-size:.9rem; line-height:1.5; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; }
.sidebar-card .meta-mini { font-size:.8rem; color:#6c757d; }
.sidebar-card .meta-mini img { width:16px; height:16px; }


/* اطمینان دوباره از RTL در همه‌جا */
html[dir="rtl"] .ms-auto { margin-left: 0 !important; margin-right: auto !important; }
html[dir="rtl"] .me-auto { margin-right: 0 !important; margin-left: auto !important; }