/* =========================================================
   KiwiAI — Homepage Article Cards Final v3
   فقط کارت‌های مقالات صفحه اصلی
   ========================================================= */

/* homeArticlesList یک Bootstrap row است؛ نباید Grid شود. */
#homeArticlesList.row{
  --bs-gutter-x: 1.35rem;
  --bs-gutter-y: 1.35rem;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-top: 0 !important;
}

/* موبایل: یک کارت در هر ردیف */
#homeArticlesList.row > [class*="col-"]{
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* تبلت: دو کارت */
@media (min-width: 768px){
  #homeArticlesList.row > [class*="col-"]{
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* دسکتاپ: سه کارت */
@media (min-width: 1200px){
  #homeArticlesList.row > [class*="col-"]{
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
  }
}

/* کارت */
#homeArticlesList .article-card-home{
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;

  background: #ffffff !important;
  border: 1px solid rgba(14, 83, 52, 0.10) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(15, 73, 46, 0.09) !important;
  cursor: pointer !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

@media (hover: hover){
  #homeArticlesList .article-card-home:hover{
    transform: translateY(-5px) !important;
    box-shadow: 0 18px 40px rgba(15, 73, 46, 0.15) !important;
  }
}

/* قاب تصویر: همه کاورها WebP استاندارد 16:9 هستند. */
#homeArticlesList .article-card-home .article-card-cover{
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  flex: 0 0 auto !important;

  display: block !important;
  overflow: hidden !important;
  background: #eff7f1 !important;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
}

/* تصویر بدون کشیدگی و بدون افزایش ارتفاع */
#homeArticlesList .article-card-home .article-card-cover img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;

  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  transition: transform .28s ease !important;
}

@media (hover: hover){
  #homeArticlesList .article-card-home:hover .article-card-cover img{
    transform: scale(1.025) !important;
  }
}

/* بدنه کارت */
#homeArticlesList .article-card-home .article-card-body{
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-width: 0 !important;

  padding: 16px 18px 18px !important;
  background: #ffffff !important;
}

/* ردیف دسته‌بندی و تاریخ */
#homeArticlesList .article-card-body > .d-flex:first-child{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

/* برچسب نوع مقاله */
#homeArticlesList .article-chip,
#homeArticlesList .badge-soft{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;

  padding: 7px 11px !important;
  border: 1px solid rgba(25, 130, 80, .11) !important;
  border-radius: 999px !important;
  background: #edf9f1 !important;
  color: #137247 !important;

  font-size: .82rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* عنوان */
#homeArticlesList .article-card-home h6{
  margin: 0 0 10px !important;
  color: #0c5133 !important;
  font-size: clamp(1.03rem, 1.08vw, 1.18rem) !important;
  font-weight: 800 !important;
  line-height: 1.85 !important;
  text-align: right !important;

  display: -webkit-box !important;
  min-height: 3.7em !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* خلاصه */
#homeArticlesList .article-card-home p.small{
  margin: 0 !important;
  color: #718178 !important;
  font-size: .94rem !important;
  line-height: 2 !important;
  text-align: right !important;

  display: -webkit-box !important;
  min-height: 6em !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/* پایین کارت */
#homeArticlesList .article-card-body > .mt-auto{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 9px !important;

  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(14, 83, 52, .08) !important;
}

/* تاریخ و زمان مطالعه */
#homeArticlesList .article-card-home .small.text-muted{
  color: #89978f !important;
  font-size: .82rem !important;
}

/* زبان انگلیسی */
#homeArticlesList[dir="ltr"] .article-card-home h6,
#homeArticlesList[dir="ltr"] .article-card-home p.small{
  text-align: left !important;
}

/* موبایل */
@media (max-width: 767.98px){
  #homeArticlesList.row{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }

  #homeArticlesList .article-card-home{
    border-radius: 18px !important;
  }

  #homeArticlesList .article-card-home .article-card-cover{
    border-radius: 18px 18px 0 0 !important;
  }

  #homeArticlesList .article-card-home .article-card-body{
    padding: 14px 15px 16px !important;
  }

  #homeArticlesList .article-card-home h6{
    min-height: auto !important;
    font-size: 1.05rem !important;
  }

  #homeArticlesList .article-card-home p.small{
    min-height: auto !important;
    -webkit-line-clamp: 3 !important;
  }

  #homeArticlesList .article-card-body > .mt-auto > .small{
    display: none !important;
  }
}