/* =========================================================================
   seo-readmore — استایل ویجت المنتور زبان‌نگار (هندل: zbn-el-seo-readmore)
   ========================================================================= */

.zsr{--bg:#0C0910;--ink:#EAF0FF;--ink-soft:#C6D0EC;--muted:#8C99BC;--cyan:#FF3B5C;--deep:#E11D48;--violet:#FF5C8A;--card:rgba(255,255,255,.03);--line:rgba(255,150,175,.16);position:relative;overflow:hidden;direction:rtl;font-family:Vazirmatn,IRANYekanX,system-ui,sans-serif;color:var(--ink);background:var(--bg);padding-block:80px;border-top:1px solid rgba(255,150,175,.1);}
.zsr-container{position:relative;z-index:2;max-width:860px;margin:0 auto;padding-inline:40px;}
.zsr-head{text-align:center;}
.zsr-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);color:#FFB3C1;font-size:12px;font-weight:800;}
.zsr-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
.zsr-title{margin:16px 0 30px;font-size:34px;font-weight:900;line-height:1.6;background:linear-gradient(110deg,var(--ink) 35%,#FF9FB2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ---- واترمارک NEGAR ---- */
.zsr-wm{position:absolute;left:50%;z-index:1;transform:translateX(-50%) rotate(var(--wm-rot,0deg));font-size:190px;font-weight:900;line-height:1;letter-spacing:.06em;white-space:nowrap;color:rgba(255,59,92,.03);-webkit-text-stroke:2px rgba(255,59,92,.10);paint-order:stroke fill;direction:ltr;pointer-events:none;user-select:none;font-family:Vazirmatn,system-ui,sans-serif;}
.zsr-wm.is-center{top:50%;transform:translate(-50%,-50%) rotate(var(--wm-rot,0deg));}
.zsr-wm.is-top{top:18px;}
.zsr-wm.is-bottom{bottom:18px;}

/* ---- کارت ---- */
.zsr-card{position:relative;border-radius:22px;background:var(--card);border:1px solid var(--line);padding:30px 34px 26px;box-shadow:0 0 40px rgba(225,29,72,.12);}
.zsr-check{position:absolute;opacity:0;pointer-events:none;}

.zsr-content{position:relative;font-size:14.5px;line-height:2.4;color:var(--muted);}
.zsr-card.is-expandable .zsr-content{--collapsed-h:230px;overflow:hidden;max-height:var(--collapsed-h);transition:max-height .45s ease;}
.zsr-content p{margin:0 0 14px;color:inherit;font-size:inherit;line-height:inherit;}
.zsr-content h3{margin:22px 0 10px;font-size:16.5px;font-weight:900;color:var(--ink-soft);display:flex;align-items:center;gap:9px;}
.zsr-content h3::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex-shrink:0;}
.zsr-content ul{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.zsr-content li{position:relative;padding-right:20px;margin:0;}
.zsr-content li::before{content:"";position:absolute;right:4px;top:1em;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--violet) 75%,transparent);}
.zsr-content a{color:#FFB3C1;}
.zsr-content img,.zsr-content audio,.zsr-content video,.zsr-content iframe{max-width:100%;}

.zsr-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(to top,#130B12 12%,transparent);pointer-events:none;transition:opacity .3s ease;}

/* ---- حالت باز ---- */
.zsr-card.is-expandable .zsr-check:checked ~ .zsr-content{max-height:6000px;}
.zsr-check:checked ~ .zsr-content .zsr-fade{opacity:0;}

/* ---- دکمه ---- */
.zsr-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;margin:18px auto 0;padding:13px 30px;border-radius:14px;background:linear-gradient(135deg,var(--deep),var(--cyan));color:#1A040A;font-size:14px;font-weight:900;cursor:pointer;user-select:none;box-shadow:0 0 30px color-mix(in srgb,var(--cyan) 40%,transparent);transition:transform .15s ease,box-shadow .15s ease;}
.zsr-btn:hover{transform:translateY(-2px);box-shadow:0 0 42px color-mix(in srgb,var(--cyan) 45%,transparent);}
.zsr-btn .chev{font-style:normal;font-size:12px;}
.zsr-btn .less{display:none;}
.zsr-btn .more{display:inline-flex;align-items:center;gap:8px;}
.zsr-check:checked ~ .zsr-btn .more{display:none;}
.zsr-check:checked ~ .zsr-btn .less{display:inline-flex;align-items:center;gap:8px;}

/* ===== محتوای سئو: H2/H4، لیست عددی و جدول (اختصاصی) ===== */
.zsr-content h2{margin:30px 0 12px;font-size:22px;font-weight:900;color:var(--ink);line-height:1.6;display:flex;align-items:center;gap:10px;}
.zsr-content h2::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex-shrink:0;}
.zsr-content h2:first-child{margin-top:0;}
.zsr-content h4{margin:20px 0 8px;font-size:15px;font-weight:800;color:var(--ink-soft);line-height:1.6;}
.zsr-content ol{margin:0 0 14px;padding:0 22px 0 0;list-style:decimal;display:block;}
.zsr-content ol li{position:relative;padding:0 6px 0 0;margin:0 0 8px;}
.zsr-content ol li::before{content:none;}
.zsr-content ol li::marker{color:var(--violet);font-weight:800;}
.zsr-content table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:13.5px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.zsr-content thead th{background:color-mix(in srgb,var(--cyan) 16%,transparent);color:var(--ink);font-weight:800;text-align:right;}
.zsr-content th,.zsr-content td{padding:11px 14px;border:1px solid var(--line);line-height:1.8;vertical-align:top;color:var(--ink-soft);}
.zsr-content tbody tr:nth-child(even){background:rgba(255,255,255,.02);}
.zsr-content tbody tr:hover{background:color-mix(in srgb,var(--violet) 10%,transparent);}
@media(max-width:640px){.zsr-content table{display:block;overflow-x:auto;white-space:nowrap;}}

/* پولیش جزئی */
.zsr-content th,.zsr-content td{overflow-wrap:anywhere;}
.zsr-content h2,.zsr-content h3,.zsr-content h4{scroll-margin-top:90px;}

/* CTA تبلیغاتی — هماهنگ با تم seo-readmore (تیره) */
.zsr-content .zbn-cta{
  --cta-bg:linear-gradient(120deg,color-mix(in srgb,var(--cyan) 14%,transparent),color-mix(in srgb,var(--violet) 10%,transparent));
  --cta-fg:var(--ink);
  --cta-sub:var(--ink-soft);
  --cta-accent:var(--cyan);
  --cta-btn-bg:linear-gradient(120deg,var(--deep,#E11D48),var(--violet,#FF5C8A));
  --cta-btn-fg:#fff;
  --cta-border:var(--line);
  --cta-glow:rgba(225,29,72,.4);
}