/* land-live-counters – scoped */
.lc{
  direction: rtl;
  margin-block: 36px;                 /* فاصله از ماژول بالا/پایین */
  font-family:"IRANSans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:#111827;
}
.lc *{box-sizing:border-box}

/* سربرگ */
.lc__head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:12px; margin-bottom:12px;
}
.lc__title{margin:0; font-family:"Lalezar","IRANSans"; color:#7c3aed; font-size:22px}
.lc__title i{margin-left:6px}
.lc__subtitle{color:#6b7280; font-size:13px}

/* دکمه‌ی اتو-ریفِرش */
.lc__auto{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px; border:1px solid rgba(17,24,39,.08);
  background:#fff; color:#0f172a; cursor:pointer;
  box-shadow:0 4px 14px rgba(2,6,23,.06);
}
.lc__auto .state::before{content:"روشن"; color:#10b981}
.lc[data-autorefresh="0"] .lc__auto .state::before{content:"خاموش"; color:#ef4444}
.btn-reset{border:0; background:none; font-weight:700}

/* ردیف تک‌سطر – همه باکس‌ها در یک ردیف */
.lc__row{
  display:grid;
  grid-template-columns: repeat(6, minmax(180px, 1fr));  /* یک ردیف در دسکتاپ */
  gap:12px;
}
/* در عرض‌های متوسط/موبایل، ریسپانسیو */
@media (max-width:1200px){ .lc__row{ grid-template-columns: repeat(3, minmax(170px, 1fr)); } }
@media (max-width:720px) { .lc__row{ grid-template-columns: repeat(2, minmax(160px, 1fr)); } }

/* کارت شمارنده (کوچک‌تر از قبل) */
.lc__item{
  position:relative; isolation:isolate;
  padding:14px 14px 16px;
  border-radius:18px;
  background:#fff; border:1px solid rgba(17,24,39,.06);
  box-shadow:0 10px 30px rgba(17,24,39,.06), 0 2px 10px rgba(17,24,39,.04);
  overflow:hidden;
  min-height:96px;
}
.lc__item::after{
  content:""; position:absolute; inset:auto -30% -40% -30%;
  height:80px; border-radius:100%;
  filter:blur(18px); opacity:.55; z-index:0;
  background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.45));
}
.lc__icon{
  position:absolute; top:10px; left:10px; z-index:1;
  width:36px; height:36px; border-radius:10px;
  display:grid; place-items:center;
  color:#fff;
  box-shadow:0 8px 18px rgba(17,24,39,.18);
}

/* مقدار */
.lc__value{ position:relative; z-index:1; display:flex; align-items:baseline; gap:6px; }
.lc__value .num{
  font-family: 'IRANSans'; font-size:28px; line-height:1;
  letter-spacing:.2px; color:#111827;font-weight: 900;
}
.lc__value .unit{ color:#6b7280; font-size:12px }
.lc__label{ position:relative; z-index:1; margin-top:20px; color:#374151; font-size:13px }

/* تم‌های رنگی جذاب و متفاوت */
.lc__item.t1{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t1 .lc__icon{ background:linear-gradient(145deg,#f43f5e,#fb7185); }

.lc__item.t2{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t2 .lc__icon{ background:linear-gradient(145deg,#06b6d4,#3b82f6); }

.lc__item.t3{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t3 .lc__icon{ background:linear-gradient(145deg,#8b5cf6,#6366f1); }

.lc__item.t4{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t4 .lc__icon{ background:linear-gradient(145deg,#f59e0b,#ef4444); }

.lc__item.t5{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t5 .lc__icon{ background:linear-gradient(145deg,#22c55e,#10b981); }

.lc__item.t6{ background:linear-gradient(180deg,#fff, #fff); }
.lc__item.t6 .lc__icon{ background:linear-gradient(145deg,#a855f7,#ec4899); }

/* دکمه‌ها بدون underline */
.lc a, .lc a:link, .lc a:visited, .lc a:hover, .lc a:focus{ text-decoration:none }