/* =========================================================================
   ab-languages — «شش زبانی که آموزش می‌دهیم» · بلوک ۵
   کارت زبان با نوار پرچم بالای کارت، نام بومی، توضیح و چیپ آزمون‌ها.
   وابسته به: zn-base.css ، ab-base.css
   ========================================================================= */

.zn-scope .ablg-grid {
  display: grid;
  grid-template-columns: repeat(var(--ablg-cols, 3), minmax(0, 1fr));
  gap: var(--ablg-gap, 16px);
}

.zn-scope .ablg-card {
  position: relative;
  overflow: hidden;
  padding: var(--ablg-p, 24px);
  border-radius: var(--ablg-r, 20px);
  background: var(--ab-card-bg, var(--zn-card));
  border: 1px solid var(--ab-card-bd, rgba(var(--zn-line), .14));
  box-shadow: var(--ab-card-sh, var(--zn-cardsh));
  transition: transform .2s ease, box-shadow .2s ease;
}
.zn-scope .ablg-card:hover {
  transform: translateY(var(--ablg-lift, -5px));
  box-shadow: var(--ablg-sh-h, 0 26px 54px rgba(120, 55, 30, .22));
}

/* نوار پرچم — گرادیانت هر زبان از تکرارشونده می‌آید. */
.zn-scope .ablg-flag {
  position: absolute;
  top: 0; right: 0; left: 0;
  height: var(--ablg-flag-h, 4px);
  pointer-events: none;
}

.zn-scope .ablg-top {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
}
.zn-scope .ablg-name {
  margin: 0;
  font-size: var(--ablg-name-fs, 18px);
  font-weight: 900;
  color: var(--ablg-name-c, var(--zn-t1));
  line-height: 1.6;
}
.zn-scope .ablg-native {
  direction: ltr;
  flex-shrink: 0;
  font-size: var(--ablg-native-fs, 11.5px);
  font-weight: 700;
  letter-spacing: .4px;
  color: var(--ablg-native-c, var(--zn-t5));
}

.zn-scope .ablg-desc {
  margin: 12px 0 16px;
  font-size: var(--ablg-desc-fs, 13.5px);
  line-height: var(--ablg-desc-lh, 2);
  color: var(--ablg-desc-c, var(--zn-t4));
}
.zn-scope .ablg-desc p { margin: 0 0 8px; color: inherit; font: inherit; }
.zn-scope .ablg-desc p:last-child { margin-bottom: 0; }

/* چیپ آزمون‌ها */
.zn-scope .ablg-exams { display: flex; flex-wrap: wrap; gap: var(--ablg-exam-gap, 7px); }
.zn-scope .ablg-exam {
  padding: var(--ablg-exam-p, 5px 11px);
  border-radius: var(--ablg-exam-r, 9px);
  font-size: var(--ablg-exam-fs, 11.5px);
  font-weight: 700;
  background: var(--ablg-exam-bg, var(--zn-fill2));
  border: 1px solid var(--ablg-exam-bd, rgba(var(--zn-line), .14));
  color: var(--ablg-exam-c, var(--zn-t3));
  line-height: 1.8;
}
/* نام آزمون‌ها اغلب لاتین است. */
.zn-scope .ablg-exam.is-ltr { direction: ltr; }

@media (max-width: 980px) {
  .zn-scope .ablg-grid { grid-template-columns: repeat(var(--ablg-cols-t, 2), minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .zn-scope .ablg-grid { grid-template-columns: repeat(var(--ablg-cols-m, 1), minmax(0, 1fr)); }
}