/* =========================================================================
   zn-quicklinks — کارت‌های سریع (zbn-zn-quicklinks) · طرح: 05-section-05.dc.html
   وابسته به: zn-base.css (هاور .zn-rcard در فایل پایه است)
   ========================================================================= */

.znql{position:relative;background:var(--zn-bg1);border-bottom:1px solid rgba(var(--zn-line),.08);padding:clamp(30px,4vw,44px) 0;}
.znql-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}
.znql-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--znql-min,230px),1fr));gap:14px;}
.znql .zn-rcard{display:block;background:var(--zn-card);border:1px solid rgba(var(--zn-line),.14);border-radius:18px;padding:20px;box-shadow:var(--zn-cardsh);transition:transform .2s,box-shadow .2s,border-color .2s,background .25s;}
.znql .zn-rcard:hover{transform:translateY(-4px);}
.znql .zn-rc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.znql .zn-rc-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;}
.znql .zn-rcard.is-rose .zn-rc-ic{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));box-shadow:0 0 20px rgba(255,59,92,.28);}
.znql .zn-rcard.is-rose2 .zn-rc-ic{background:linear-gradient(135deg,var(--zn-rose2),var(--zn-crim));box-shadow:0 0 20px rgba(255,92,138,.28);}
.znql .zn-rcard.is-gold .zn-rc-ic{background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));box-shadow:0 0 20px rgba(245,179,1,.28);}
.znql .zn-rc-arrow{width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--zn-line),.26);display:grid;place-items:center;color:var(--zn-t4);font-size:13px;}
.znql .zn-rc-t{font-size:15.5px;font-weight:900;color:var(--zn-t1);margin:14px 0 5px;}
.znql .zn-rc-d{font-size:12px;color:var(--zn-t5);line-height:1.9;font-weight:500;}

/* ---------- حالت برجسته/هاور: ساخت گرادیان از کنترل‌های المنتور ----------
   اگر رنگی تنظیم نشده باشد، به همان گرادیان نوار متحرک برمی‌گردد. */
.znql{
  --rc-c1:var(--rc-from, var(--zn-crim));
  --rc-c2:var(--rc-mid, var(--zn-rose));
  --rc-c3:var(--rc-to, var(--zn-rose2));
  --rc-hot-bg:linear-gradient(var(--rc-angle,90deg), var(--rc-c1), var(--rc-c2) 52%, var(--rc-c3));
}
/* خاموش‌کردن پرشدن هنگام هاور (کارتِ برجسته همچنان پر می‌ماند) */
.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover{
  background:var(--zn-card) !important;
  border-color:rgba(var(--zn-line),.14) !important;
  box-shadow:var(--zn-cardsh) !important;
}
.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-t{color:var(--zn-t1) !important;}
.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-d{color:var(--zn-t5) !important;}
.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-arrow{border-color:rgba(var(--zn-line),.26) !important;color:var(--zn-t4) !important;}