/* ==========================================================================
   زبان‌نگار — ویجت «تقویم آموزشی · دوره‌های در حال پذیرش» (zn-cal-intake)
   طرح مبدأ: 07-enrolling-courses.dc.html
   ========================================================================== */

.znic {
  position: relative;
  overflow: hidden;
  padding-block: clamp(46px, 6vw, 84px);
  background: var(--zn-bg1);
  border-block: 1px solid rgba(var(--zn-line), .08);
}
.znic-wrap { max-width: 1200px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 40px); }

.znic-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.znic-chip {
  display: inline-block; background: rgba(225, 29, 72, .1); border: 1px solid rgba(225, 29, 72, .28);
  color: var(--zn-soft); border-radius: 999px; padding: 6px 15px; font-size: 12px; font-weight: 800;
}
.znic-title { margin: 14px 0 0; font-size: clamp(24px, 3.2vw, 38px); font-weight: 900; color: var(--zn-t1); }
.znic-title .zncal-activename { color: var(--zn-soft); }
.znic-lead { margin: 0; font-size: 13px; color: var(--zn-t5); max-width: 38ch; line-height: 1.9; }

.znic-list { display: flex; flex-direction: column; gap: 12px; }

.znic-row {
  display: grid; grid-template-columns: 1.5fr auto 1.7fr 1.1fr auto; gap: 18px; align-items: center;
  background: var(--zn-card); border: 1px solid rgba(var(--zn-line), .14); border-radius: 16px;
  padding: 16px 20px; box-shadow: var(--zn-cardsh); transition: transform .18s, box-shadow .18s;
}
.znic-row:hover { transform: translateY(-2px); box-shadow: 0 20px 44px rgba(120, 55, 30, .18); }

.znic-level { font-size: 15.5px; font-weight: 900; color: var(--zn-t1); }
.znic-sub { font-size: 12px; color: var(--zn-t5); margin-top: 3px; }
.znic-pattern { font-size: 13px; font-weight: 700; color: var(--zn-t2); }
.znic-time { font-size: 12px; color: var(--zn-t5); margin-top: 2px; }
.znic-price { font-size: 14.5px; font-weight: 900; color: var(--zn-soft); }

.znic-status {
  display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800;
  border-radius: 999px; padding: 5px 12px; white-space: nowrap;
}
.znic-dot { width: 7px; height: 7px; border-radius: 50%; }
.znic-status--open { color: var(--zn-soft); background: rgba(225, 29, 72, .1); border: 1px solid rgba(225, 29, 72, .28); }
.znic-status--open .znic-dot { background: var(--zn-rose); }
.znic-status--limited { color: var(--zn-goldsoft); background: rgba(217, 149, 0, .12); border: 1px solid rgba(217, 149, 0, .3); }
.znic-status--limited .znic-dot { background: var(--zn-gold); }
.znic-status--soon { color: var(--zn-t4); background: var(--zn-fill2); border: 1px solid rgba(var(--zn-line), .16); }
.znic-status--soon .znic-dot { background: var(--zn-t5); }

.znic-actions { display: flex; gap: 8px; }
.znic-btn { font-size: 12.5px; font-weight: 800; padding: 10px 16px; border-radius: 11px; white-space: nowrap; transition: transform .18s ease; }
.znic-btn:hover { transform: translateY(-1px); }
.znic-btn--ghost { background: var(--zn-fill2); border: 1px solid rgba(var(--zn-line), .2); color: var(--zn-t1); }
.znic-btn--primary { background: linear-gradient(135deg, var(--zn-crim), var(--zn-rose)); color: #fff; box-shadow: 0 8px 20px rgba(225, 29, 72, .28); padding: 10px 18px; }

.znic-foot { margin: 16px 0 0; font-size: 12px; color: var(--zn-t6); text-align: center; }

@media (max-width: 860px) {
  .znic-row { grid-template-columns: 1fr 1fr; gap: 12px 14px; }
  .znic-actions { grid-column: 1 / -1; }
  .znic-actions .znic-btn { flex: 1; text-align: center; }
}
@media (max-width: 700px) {
  .znic-row { grid-template-columns: 1fr; text-align: right; gap: 8px; padding: 16px; }
  .znic-cell { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
}