/* =====================================================================
   صفحه‌ی تک‌خبر (سبک زومیت) — فقط وقتی طراحی جدید فعال است بارگذاری می‌شود
   متغیرهای رنگ (روز/شب) از me-child.css می‌آیند
   ===================================================================== */
/* جنه محتوا را داخل ردیف فلکس (tie-row) می‌گذارد؛ این باعث می‌شود قالب ما همیشه تمام عرض ردیف را بگیرد */
body.me-single-new .me-s-wrap{ flex:0 0 100%; width:100%; min-width:0; }
body.me-single-new .me-s-wrap{
  --me-accent:#e8173b;
  max-width:1240px; margin:0 auto; padding:24px 20px 48px; direction:rtl; color:var(--me-text);
}
.me-s-wrap *{ box-sizing:border-box; }

/* نوار پیشرفت بالای صفحه (فقط موبایل) */
.me-s-topbar{ display:none; }

/* ---------- هیرو ---------- */
.me-s-hero{ margin:0 0 10px; }
.me-s-media{
  position:relative; aspect-ratio:16/9; width:100%;
  border-radius:var(--me-radius); overflow:hidden; background:#000;
}
/* عکس شاخص: می‌تواند کوتاه‌تر از ارتفاع پنجره بماند (حاشیه با نسخه‌ی محو عکس پر می‌شود) */
.me-s-media:not(.has-video):not(.has-native){ max-height:78vh; }
/* ویدیو: قاب باید دقیقاً ۱۶:۹ بماند. پلیر آپارات ویدیو را برای قاب ۱۶:۹ می‌چیند و اگر ارتفاع را کوتاه کنیم،
   پایین پلیر و دکمه‌های پخش/توقف بریده می‌شود. برای اینکه کل پلیر در صفحه جا شود، «عرض» محدود می‌شود. */
.me-s-hero.is-video{ max-width:calc(78vh * 16 / 9); margin-inline:auto; }
.me-s-poster{ position:absolute !important; inset:0; border-radius:0; }
.me-s-play{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:4;
  width:84px; height:84px; padding:0 !important; border:0 !important; border-radius:50% !important; cursor:pointer;
  background:rgba(0,0,0,.55) !important; color:#fff !important; display:flex; align-items:center; justify-content:center;
  transition:transform .2s, background .2s;
}
.me-s-play svg{ width:38px; height:38px; }
.me-s-play:hover{ background:var(--me-primary) !important; transform:translate(-50%,-50%) scale(1.07); }
.me-s-duration{
  position:absolute; left:16px; bottom:14px; z-index:3; padding:3px 11px; border-radius:7px;
  background:rgba(0,0,0,.62); color:#fff; font-size:13px; direction:ltr;
}
.me-s-player{ position:absolute; inset:0; z-index:5; background:#000; }
.me-s-player:empty{ display:none; }
.me-s-player iframe, .me-s-player video{ position:absolute; inset:0; width:100% !important; height:100% !important; border:0; background:#000; }
.me-s-media.is-playing .me-s-play, .me-s-media.is-playing .me-s-duration, .me-s-media.is-playing .me-s-poster{ display:none !important; }
.me-s-media.has-native{ background:#000; }
.me-s-native{ position:absolute; inset:0; }
.me-s-native iframe, .me-s-native video, .me-s-native object, .me-s-native embed{ position:absolute; inset:0; width:100% !important; height:100% !important; border:0; }
.me-s-native .wp-video, .me-s-native .mejs-container{ width:100% !important; height:100% !important; }
.me-s-source{ margin-top:10px; font-size:12px; color:var(--me-muted); }
.me-s-source b{ color:var(--me-text); font-weight:700; }

/* ---------- چیدمان سه‌ستونی: نوار اقدام | خبر | ستون کناری (راست‌به‌چپ) ---------- */
.me-s-grid{
  display:grid; grid-template-columns:56px minmax(0,1fr) 300px; gap:32px; margin-top:28px; align-items:start;
}
.me-s-article, .me-s-side{ min-width:0; }

/* ---------- نوار اقدام ---------- */
.me-s-rail--side{ position:sticky; top:110px; display:flex; flex-direction:column; align-items:center; gap:22px; }
.me-s-rail--inline{ display:none; }
.me-s-act{
  display:flex; flex-direction:column; align-items:center; gap:4px; padding:0 !important; border:0 !important;
  background:none !important; box-shadow:none !important; cursor:pointer; font:inherit; font-size:12px;
  color:var(--me-muted) !important; transition:color .15s, transform .15s;
}
.me-s-act svg{ width:25px; height:25px; display:block; }
.me-s-act:hover{ color:var(--me-primary) !important; }
.me-s-act.is-liked{ color:var(--me-accent) !important; }
.me-s-act.is-liked svg{ fill:currentColor; transform:scale(1.08); }
.me-s-act.is-marked{ color:var(--me-primary) !important; }
.me-s-act.is-marked svg{ fill:currentColor; }
.me-s-progress{ position:relative; width:3px; height:96px; margin-top:6px; border-radius:3px; background:var(--me-border); overflow:hidden; }
.me-s-progress span{ position:absolute; top:0; right:0; left:0; height:calc(var(--p,0) * 100%); background:var(--me-accent); }

/* ---------- سربرگ خبر ---------- */
.me-s-meta{ display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12.5px; color:var(--me-muted); margin-bottom:12px; }
.me-s-meta a{ color:var(--me-muted); text-decoration:none; }
.me-s-meta a:hover{ color:var(--me-primary); }
.me-s-title{ margin:0 0 16px; font-size:29px; line-height:2; font-weight:800; color:var(--me-text); }
.me-s-byline{
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 34px; margin:4px 0 14px; padding:16px 0 18px;
  border-bottom:1.5px dashed var(--me-text); color:var(--me-text); font-size:16px; font-weight:800;
}
.me-s-by{ display:inline-flex; align-items:center; gap:10px; color:inherit; text-decoration:none; }
.me-s-by svg{ width:27px; height:27px; flex-shrink:0; }
a.me-s-by:hover{ color:var(--me-primary); }
.me-s-date{ display:inline-flex; direction:rtl; gap:6px; }
.me-s-date i, .me-s-date em{ font-style:normal; }
.me-s-date em{ font-weight:400; opacity:.65; }
.me-s-google{
  display:inline-block; padding:6px 16px; border-radius:999px; border:2px solid #f0a020; color:var(--me-text);
  font-size:12.5px; font-weight:700; text-decoration:none;
}
.me-s-lead{ margin:18px 0 8px; font-size:16.5px; line-height:2.2; color:var(--me-text); }

/* ---------- متن خبر ---------- */
.me-s-body.entry-content{ margin-top:14px; font-size:16.5px; line-height:2.25; color:var(--me-text); }
.me-s-body p{ margin:0 0 1.15em; }
.me-s-body h2, .me-s-body h3, .me-s-body h4{ margin:1.6em 0 .6em; line-height:1.9; font-weight:800; color:var(--me-text); }
.me-s-body h2{ font-size:22px; } .me-s-body h3{ font-size:19px; } .me-s-body h4{ font-size:17px; }
.me-s-body a{ color:var(--me-primary); text-decoration:none; border-bottom:1px solid transparent; }
.me-s-body a:hover{ border-bottom-color:currentColor; }
.me-s-body img, .me-s-body figure{ max-width:100%; height:auto; border-radius:8px; }
.me-s-body figure{ margin:1.4em 0; } .me-s-body figcaption{ font-size:12.5px; color:var(--me-muted); margin-top:8px; text-align:center; }
.me-s-body ul, .me-s-body ol{ margin:0 0 1.2em; padding-right:1.6em; }
.me-s-body li{ margin-bottom:.4em; }
.me-s-body blockquote{
  margin:1.6em 0; padding:16px 22px; background:var(--me-chip); border-right:4px solid var(--me-accent);
  border-radius:2px; font-size:15.5px; line-height:2.1; color:var(--me-text);
}
.me-s-body blockquote p:last-child{ margin-bottom:0; }
.me-s-body table{ width:100%; border-collapse:collapse; margin:1.4em 0; font-size:14px; display:block; overflow-x:auto; }
.me-s-body th, .me-s-body td{ border:1px solid var(--me-border); padding:8px 12px; }
.me-s-body iframe{ max-width:100%; }

.me-s-pages{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:18px 0; font-size:13px; }
.me-s-pages > span, .me-s-pages a{ padding:4px 12px; border-radius:8px; background:var(--me-chip); color:var(--me-text); text-decoration:none; }
.me-s-pages > span{ background:var(--me-primary); color:#fff; }
.me-s-pages a span{ color:inherit; }
.me-s-inline-ad{ margin:1.6em 0; display:flex; flex-direction:column; gap:6px; }
.me-s-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 8px; }
.me-s-tags a{ padding:5px 14px; border-radius:999px; background:var(--me-chip); color:var(--me-text); font-size:12.5px; text-decoration:none; }
.me-s-tags a:hover{ background:var(--me-primary); color:#fff; }
.me-s-more{ margin-top:34px; }
.me-s-more .me-latest{ margin:0 0 6px; }

/* ---------- ستون کناری ---------- */
.me-s-side{ position:sticky; top:100px; display:flex; flex-direction:column; gap:26px; }
.me-s-sidead{ display:flex; flex-direction:column; gap:6px; }
.me-s-reads .me-latest-head{ margin-bottom:6px; }
.me-s-reads .me-more{ font-size:11.5px; }
.me-s-read{
  display:flex; align-items:center; gap:12px; padding:12px 0; text-decoration:none; color:var(--me-text);
  border-top:1px solid var(--me-border);
}
.me-s-read:first-of-type{ border-top:0; }
.me-s-read-img{ width:84px; height:58px; flex-shrink:0; }
.me-s-read-title{ font-size:13px; line-height:1.9; font-weight:700; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.me-s-read:hover .me-s-read-title{ color:var(--me-primary); }

/* ---------- دیدگاه‌ها ---------- */
.me-s-comments{ margin-top:38px; padding-top:6px; }
.me-s-comments .me-latest-head h2 small{ font-size:13px; color:var(--me-muted); font-weight:400; }
.me-cm-form{ margin:0 0 26px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.me-cm-form > *{ flex:1 1 100%; margin:0; }
.me-cm-form .comment-form-author, .me-cm-form .comment-form-email{ flex:1 1 calc(50% - 5px); }
.me-cm-form .form-submit{ flex:0 0 auto; }
.me-cm-form input:not([type="submit"]):not([type="hidden"]), .me-cm-form textarea{
  width:100%; padding:12px 14px; border:1px solid var(--me-border) !important; border-radius:10px;
  background:var(--me-surface) !important; color:var(--me-text) !important; font:inherit; font-size:14px; resize:vertical;
}
.me-cm-form input:not([type="submit"]):focus, .me-cm-form textarea:focus{ outline:2px solid var(--me-primary); outline-offset:0; }
.me-cm-form .me-cm-send, .me-cm-form input[type="submit"]{
  width:auto; padding:10px 30px !important; border:0 !important; border-radius:10px !important; cursor:pointer;
  background:var(--me-primary) !important; color:#fff !important; font:inherit; font-size:14px; font-weight:700;
}
.me-cm-form .me-cm-send:hover, .me-cm-form input[type="submit"]:hover{ background:var(--me-primary-dark) !important; }
.me-cm-list{ display:flex; flex-direction:column; }
.me-cm-item{ display:flex; gap:12px; padding:16px 0; border-top:1px solid var(--me-border); }
.me-cm-item .me-cm-item{ margin-top:14px; padding:14px 0 0; }
.me-cm-avatar img{ width:44px; height:44px; border-radius:50%; object-fit:cover; display:block; background:var(--me-img-bg); }
.me-cm-main{ flex:1; min-width:0; }
.me-cm-meta{ display:flex; align-items:baseline; gap:10px; font-size:13px; margin-bottom:6px; }
.me-cm-meta span{ color:var(--me-muted); font-size:11.5px; }
.me-cm-text{ font-size:14px; line-height:2; }
.me-cm-text p{ margin:0 0 .6em; }
.me-cm-wait{ margin:0 0 6px; font-size:12px; color:#b26a00; }
.me-cm-reply a{ font-size:12px; color:var(--me-primary); text-decoration:none; }
.me-cm-list .children{ margin:0; padding:0 22px 0 0; list-style:none; }
.me-cm-pages{ margin-top:16px; display:flex; gap:8px; }
.me-cm-pages a, .me-cm-pages span{ padding:4px 12px; border-radius:8px; background:var(--me-chip); font-size:13px; text-decoration:none; color:var(--me-text); }

/* ---------- پایین صفحه ---------- */
.me-s-bottom{ margin-top:44px; }

/* پیام کوتاه (ذخیره/کپی لینک) */
.me-s-toast{
  position:fixed; left:50%; bottom:28px; transform:translate(-50%,20px); z-index:2147483000;
  background:#111; color:#fff; padding:10px 20px; border-radius:22px; font-size:13px; font-weight:600;
  opacity:0; pointer-events:none; transition:opacity .25s, transform .25s;
}
.me-s-toast.is-on{ opacity:1; transform:translate(-50%,0); }
html.dark-skin .me-s-toast, body.dark-skin .me-s-toast{ background:#fff; color:#111; }

/* ---------- موبایل و تبلت ---------- */
@media (max-width:980px){
  body.me-single-new .me-s-wrap{ padding:12px 12px 36px; }
  .me-s-grid{ grid-template-columns:minmax(0,1fr); gap:28px; margin-top:20px; }
  .me-s-rail--side{ display:none; }
  .me-s-rail--inline{ display:flex; gap:22px; align-items:center; padding:10px 0; margin-bottom:6px; border-top:1px solid var(--me-border); border-bottom:1px solid var(--me-border); }
  .me-s-rail--inline .me-s-act{ flex-direction:row; gap:6px; }
  .me-s-rail--inline .me-s-act svg{ width:22px; height:22px; }
  .me-s-title{ font-size:21px; line-height:1.95; }
  .me-s-byline{ gap:10px 20px; font-size:13.5px; padding:12px 0 14px; }
  .me-s-by svg{ width:22px; height:22px; }
  .me-s-body.entry-content{ font-size:16px; line-height:2.15; }
  .me-s-play{ width:60px; height:60px; } .me-s-play svg{ width:28px; height:28px; }
  .me-s-topbar{
    display:block; position:fixed; top:0; right:0; left:0; height:3px; z-index:2147482000; background:transparent;
  }
  .me-s-topbar::after{ content:""; position:absolute; top:0; right:0; height:3px; width:calc(var(--p,0) * 100%); background:var(--me-accent); }
  .me-cm-form .comment-form-author, .me-cm-form .comment-form-email{ flex-basis:100%; }
}