/* =========================================================================
   zn-languages — انتخاب زبان (zbn-zn-languages) · طرح: 07-languages.dc.html
   وابسته به: zn-base.css
   ========================================================================= */

.znlg{position:relative;overflow:hidden;padding:clamp(56px,7vw,104px) 0;background:radial-gradient(940px 540px at 14% -6%,var(--zn-wash2),transparent 62%),var(--zn-bg1);border-top:1px solid rgba(var(--zn-line),.08);}
.znlg-ghost{position:absolute;top:56px;left:-18px;font-size:160px;font-weight:900;color:transparent;-webkit-text-stroke:1.5px var(--zn-ghost);line-height:1;pointer-events:none;user-select:none;direction:ltr;}
.znlg-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px);}

.znlg-head{text-align:center;margin-bottom:clamp(32px,4vw,52px);}
.znlg-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,92,138,.1);border:1px solid rgba(255,92,138,.32);color:var(--zn-soft2);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:800;}
.znlg-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--zn-rose2);box-shadow:0 0 14px var(--zn-rose2);}
.znlg-title{margin:16px auto 8px;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.5;background:linear-gradient(110deg,var(--zn-t1) 38%,var(--zn-soft2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.znlg-lead{margin:0 auto;max-width:52ch;font-size:14.5px;line-height:2;color:var(--zn-t5);font-weight:500;}

/* سایه‌ها از متغیر خوانده می‌شوند تا از المنتور قابل تنظیم باشند؛
   پیش‌فرض «نرم» است. */
.zn-scope .znlg-card{position:relative;overflow:hidden;display:block;height:100%;border-radius:24px;border:1px solid rgba(var(--zn-line),.14);background:var(--zn-card);box-shadow:var(--cd-normal,var(--zn-cardsh-soft));transition:transform .25s,box-shadow .25s,border-color .25s;}
.zn-scope .znlg-card:hover{box-shadow:var(--cd-hover,var(--zn-cardsh-hover)),0 0 var(--cd-glowblur,28px) var(--cd-glow,transparent);}
.zn-scope .znlg-card.is-rose{--cd-glow:rgba(255,59,92,.14);}
.zn-scope .znlg-card.is-rose2{--cd-glow:rgba(255,92,138,.14);}
.zn-scope .znlg-card.is-gold{--cd-glow:rgba(245,179,1,.14);}
.zn-scope .znlg-card:hover{transform:translateY(-6px);}
.zn-scope .znlg-card.is-rose:hover{border-color:rgba(255,59,92,.4);}
.zn-scope .znlg-card.is-rose2:hover{border-color:rgba(255,92,138,.4);}
.zn-scope .znlg-card.is-gold:hover{border-color:rgba(245,179,1,.45);}

.znlg-media{position:relative;height:172px;overflow:hidden;background:var(--zn-img);}
.znlg-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.znlg-media .zn-img-ph{position:absolute;inset:0;}
.znlg-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,4,15,.92),rgba(9,4,15,.08) 62%);pointer-events:none;}
.znlg-en{position:absolute;bottom:14px;left:16px;font-size:12px;font-weight:900;letter-spacing:2px;pointer-events:none;direction:ltr;}
.znlg-tag{position:absolute;top:12px;right:12px;color:#fff;font-size:10.5px;font-weight:800;padding:5px 12px;border-radius:999px;pointer-events:none;}
.zn-scope .znlg-card.is-rose .znlg-en{color:var(--zn-soft);}
.zn-scope .znlg-card.is-rose2 .znlg-en{color:var(--zn-soft2);}
.zn-scope .znlg-card.is-gold .znlg-en{color:var(--zn-goldsoft);}
.zn-scope .znlg-card.is-rose .znlg-tag{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));box-shadow:0 0 18px rgba(255,59,92,.28);}
.zn-scope .znlg-card.is-rose2 .znlg-tag{background:linear-gradient(135deg,var(--zn-rose2),var(--zn-crim));box-shadow:0 0 18px rgba(255,92,138,.28);}
.zn-scope .znlg-card.is-gold .znlg-tag{background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));box-shadow:0 0 18px rgba(245,179,1,.28);}

.znlg-body{padding:18px 20px 20px;}
.znlg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.znlg-name{margin:0;font-size:20px;font-weight:900;color:var(--zn-t1);}
.znlg-arrow{width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--zn-line),.24);display:grid;place-items:center;color:var(--zn-t4);font-size:14px;flex-shrink:0;}
.znlg-desc{margin:9px 0 14px;font-size:12.5px;line-height:1.95;color:var(--zn-t5);font-weight:500;}
.zn-scope .znlg-more{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;}
.zn-scope .znlg-card.is-rose .znlg-more{color:var(--zn-soft);}
.zn-scope .znlg-card.is-rose2 .znlg-more{color:var(--zn-soft2);}
.zn-scope .znlg-card.is-gold .znlg-more{color:var(--zn-goldsoft);}

/* ---------- حالت‌های آمادهٔ شدت سایه (کنترل «شدت سایه») ---------- */
.znlg-shadow-subtle .znlg-card{--cd-normal:0 4px 12px rgba(0,0,0,.05);--cd-hover:0 8px 20px rgba(0,0,0,.08);}
.znlg-shadow-none .znlg-card{--cd-normal:none;--cd-hover:none;--cd-glow:transparent;}
.znlg-shadow-strong .znlg-card{--cd-normal:var(--zn-cardsh);--cd-hover:0 24px 52px rgba(0,0,0,.34);}