/*
Theme Name: MahdiNikzad
Theme URI: https://mahdinikzad.ir
Author: Mahdi Nikzad
Author URI: https://mahdinikzad.ir
Description: قالب اختصاصی mahdinikzad.ir برای انتشار روزانه ویدیوهای آموزشی و پروژه‌های رایگان توسعه کسب‌وکار.
Version: 4.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mahdinikzad
*/

/* فونت وزیرمتن با وزن‌های کامل از گوگل‌فونت لود می‌شود (functions.php) */

:root{
  --paper:#FAF7EF;
  --paper-soft:#F3EEE0;
  --ink:#211E17;
  --ink-soft:#6B6558;
  --line:#E3DCC9;
  --forest:#2F4A3C;
  --forest-deep:#1C2F26;
  --forest-line:rgba(244,239,224,0.14);
  --amber:#D98B2B;
  --amber-soft:#F6E4C4;
  --brick:#B8542F;
  --brick-soft:#F3DCCC;
  --radius-lg:18px;
  --radius-md:12px;
  --kraft:#E9DFC3;
  --kraft-shade:#DCCFA9;
  --ink-brown:#3B2F1E;
  --ink-brown-soft:#8A7D5E;
  --stamp:#A8432A;
}

*{ box-sizing:border-box; margin:0; padding:0; }
body{ font-family:'Vazirmatn','IRANSans','IRANSansX','Segoe UI','Tahoma',sans-serif; background:var(--paper); color:var(--ink); line-height:1.9; -webkit-font-smoothing:antialiased; overflow-x:clip; }
h1,h2,h3{ font-weight:800; letter-spacing:-.2px; text-wrap:balance; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }
.wrap{ max-width:1200px; margin:0 auto; padding:0 28px; }

header.site-header{ border-bottom:1px solid var(--line); background:var(--paper); position:sticky; top:0; z-index:50; }
.header-inner{ display:flex; align-items:center; justify-content:space-between; padding:16px 0; gap:12px; position:relative; }
.logo{ font-size:19px; font-weight:800; min-width:0; flex:1 1 auto; margin-left:12px; }
.logo a{ display:flex; align-items:center; gap:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.logo span{ color:var(--forest); }
.logo img{ height:36px; width:auto; }

#primary-nav{ overflow-x:auto; scrollbar-width:none; }
#primary-nav::-webkit-scrollbar{ display:none; }
#primary-nav ul{ list-style:none; display:flex; gap:32px; font-size:14.5px; color:var(--ink-soft); white-space:nowrap; }
#primary-nav ul li a{ transition:color .2s; }
#primary-nav ul li a:hover{ color:var(--ink); }

/* ===== Mobile menu toggle (hamburger) ===== */
.mobile-menu-toggle{ display:none; background:#fff; border:1px solid var(--line); border-radius:12px; cursor:pointer; padding:8px; position:relative; width:44px; height:44px; flex-shrink:0; }
.mobile-menu-toggle span{ display:block; width:22px; height:2px; background:var(--ink); border-radius:2px; position:absolute; left:10px; transition:all .3s ease; }
.mobile-menu-toggle span:nth-child(1){ top:13px; }
.mobile-menu-toggle span:nth-child(2){ top:21px; }
.mobile-menu-toggle span:nth-child(3){ top:29px; }
.mobile-menu-toggle.active span:nth-child(1){ transform:rotate(45deg); top:21px; }
.mobile-menu-toggle.active span:nth-child(2){ opacity:0; }
.mobile-menu-toggle.active span:nth-child(3){ transform:rotate(-45deg); top:21px; }

@media (max-width:768px){
  .mobile-menu-toggle{ display:block; }
  #primary-nav{ position:absolute; top:100%; left:0; right:0; background:var(--paper); border:1px solid var(--line); border-radius:0 0 14px 14px; box-shadow:0 12px 28px rgba(0,0,0,.12); max-height:0; overflow:hidden; visibility:hidden; opacity:0; transition:max-height .3s ease, opacity .25s ease, visibility .25s; z-index:100; }
  #primary-nav.open{ max-height:70vh; overflow-y:auto; visibility:visible; opacity:1; -webkit-overflow-scrolling:touch; }
  #primary-nav ul{ flex-direction:column; gap:0; padding:8px 0; white-space:normal; }
  #primary-nav ul li{ border-bottom:1px solid var(--paper-soft); }
  #primary-nav ul li:last-child{ border-bottom:none; }
  #primary-nav ul li a{ display:flex; align-items:center; min-height:48px; padding:12px 24px; font-size:15px; color:var(--ink); transition:background .2s; }
  #primary-nav ul li a:hover{ background:var(--paper-soft); }
  #primary-nav ul li a:active{ background:var(--line); }
  #primary-nav ul ul{ padding:0; }
  #primary-nav ul ul li a{ padding-right:40px; font-size:14px; }
}

@media (max-width:640px){
  .wrap{ padding:0 16px; }
  .header-inner{ padding:12px 0; }
  .logo{ font-size:17px; }
}

.layout{ display:grid; grid-template-columns:300px 1fr; gap:44px; padding:44px 0 80px; align-items:start; }
@media (max-width:900px){ .layout{ grid-template-columns:1fr; gap:32px; padding:28px 0 56px; } .sidebar{ order:2; position:static; } .main{ order:1; } }

.btn{ display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 26px; border-radius:12px; font-size:14px; font-weight:800; cursor:pointer; border:none; font-family:inherit; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover{ transform:translateY(-2px); }
.btn-amber{ background:linear-gradient(135deg, var(--amber), #C07A1F); color:#2E1B04; box-shadow:0 6px 16px rgba(217,139,43,.35); }
.btn-amber:hover{ box-shadow:0 10px 22px rgba(217,139,43,.45); }
.btn-outline{ border:1px solid rgba(244,239,224,0.4); color:#F4EFE0; background:rgba(244,239,224,.06); }
.btn-outline:hover{ background:rgba(244,239,224,.14); }
.btn-dark{ background:var(--forest-deep); color:#F4EFE0; box-shadow:0 6px 16px rgba(28,47,38,.25); }
.btn-dark:hover{ background:var(--forest); }
.section-more{ text-align:center; margin-top:22px; }

/* ===== Hero ===== */
.hero{ background:var(--forest-deep); color:#F4EFE0; border-radius:22px; margin-bottom:48px; position:relative; overflow:hidden; display:grid; grid-template-columns:1.15fr .85fr; align-items:stretch; min-height:360px; box-shadow:0 18px 44px rgba(28,47,38,.28); }
.hero::after{ content:""; position:absolute; width:480px; height:480px; border-radius:50%; background:radial-gradient(circle, rgba(217,139,43,.22), transparent 65%); top:-160px; left:-120px; pointer-events:none; }
.hero-text{ padding:52px 44px; align-self:center; position:relative; z-index:2; }
.hero-eyebrow{ display:inline-block; font-size:12.5px; font-weight:700; color:#F6E4C4; background:rgba(217,139,43,.16); border:1px solid rgba(217,139,43,.45); padding:6px 16px; border-radius:30px; margin-bottom:16px; }
.hero h1{ font-size:clamp(22px, 3.4vw, 33px); font-weight:900; line-height:1.6; margin-bottom:14px; }
.hero p{ font-size:15px; color:#CFC9B5; max-width:480px; margin-bottom:26px; }
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:8px; }
.hero-stats{ display:flex; gap:28px; margin-top:22px; padding-top:18px; border-top:1px solid var(--forest-line); }
.hero-stat{ text-align:right; }
.hero-stat b{ display:block; font-size:22px; font-weight:900; color:#fff; }
.hero-stat span{ font-size:12px; color:#A9B3A4; }
.hero-photo{ position:relative; overflow:hidden; min-height:100%; }
.hero-photo img{ width:100%; height:100%; object-fit:cover; object-position:top center; }
.hero-photo::before{ content:""; position:absolute; inset:0; background:linear-gradient(-90deg, var(--forest-deep) 0%, rgba(28,47,38,0) 30%); z-index:1; }
/* پروفایل داخل هیرو — فقط موبایل */
.hero-profile{ display:none; }

@media (max-width:760px){
  .hero{ grid-template-columns:1fr; border-radius:16px; min-height:0; }
  .hero-text{ padding:24px 20px 22px; order:2; }
  .hero h1{ font-size:19px; line-height:1.7; margin-bottom:16px; }
  /* هیروی موبایل خلوت: پروفایل دایره‌ای از سفارشی‌ساز + تیتر + دکمه. عکس بزرگ، توضیح طولانی و آمار مخفی */
  .hero-profile{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
  .hero-profile img{ width:56px; height:56px; border-radius:50%; object-fit:cover; border:2px solid var(--amber); box-shadow:0 0 0 3px rgba(217,139,43,.25); flex-shrink:0; }
  .hero-profile-txt{ display:flex; flex-direction:column; line-height:1.6; min-width:0; }
  .hero-profile-txt b{ font-size:14.5px; color:#fff; }
  .hero-profile-txt span{ font-size:11.5px; color:#A9B3A4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .hero-photo{ display:none; }
  .hero-text > p:not(.hero-eyebrow){ display:none; }
  .hero-stats{ display:none; }
  .hero-actions{ gap:10px; flex-direction:column; align-items:stretch; }
  .hero-actions .btn{ width:100%; text-align:center; padding:13px 14px; font-size:14px; }
}

/* ===== Stories بلاگ — هایلایت دایره‌ای با اسکرول لمسی ===== */
.stories{ margin-bottom:52px; }
.story-track{ display:flex; gap:14px; overflow-x:auto; padding:6px 2px 12px; scrollbar-width:thin; scrollbar-color:var(--line) transparent; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.story-track::-webkit-scrollbar{ height:6px; }
.story-track::-webkit-scrollbar-thumb{ background:var(--line); border-radius:6px; }
.story-item{ flex:0 0 78px; display:flex; flex-direction:column; align-items:center; gap:8px; scroll-snap-align:start; }
.story-ring{ width:68px; height:68px; border-radius:50%; padding:3px; background:linear-gradient(135deg, var(--amber), var(--brick)); display:flex; align-items:center; justify-content:center; overflow:hidden; transition:transform .2s ease; }
.story-item:hover .story-ring{ transform:scale(1.06); }
.story-ring img{ width:100%; height:100%; border-radius:50%; object-fit:cover; border:2px solid var(--paper); background:var(--paper-soft); }
.story-fallback{ width:100%; height:100%; border-radius:50%; background:var(--forest); color:#EFE9D6; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; border:2px solid var(--paper); }
.story-title{ font-size:11px; font-weight:700; color:var(--ink-soft); text-align:center; line-height:1.6; max-width:78px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.story-blog-ring{ background:var(--forest-deep); color:#F4EFE0; font-size:24px; border:2px dashed var(--amber); }
@media (max-width:640px){
  .story-item{ flex-basis:72px; }
  .story-ring{ width:62px; height:62px; }
  .story-title{ font-size:10.5px; max-width:72px; }
}

.section-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.section-head h2{ font-size:21px; font-weight:800; display:flex; align-items:center; gap:10px; }
.section-head h2::before{ content:""; width:9px; height:26px; border-radius:6px; background:linear-gradient(180deg, var(--amber), var(--brick)); flex-shrink:0; }
.section-head .sub{ font-size:12.5px; color:var(--ink-soft); margin-top:4px; }
.section-head .more{ font-size:13px; font-weight:700; color:var(--forest); background:#fff; border:1px solid var(--line); padding:8px 18px; border-radius:30px; white-space:nowrap; transition:all .2s ease; box-shadow:0 2px 8px rgba(33,30,23,.06); flex-shrink:0; }
.section-head .more:hover{ background:var(--forest); border-color:var(--forest); color:#F4EFE0; transform:translateY(-1px); }
section{ margin-bottom:52px; }

/* ===== Upcoming projects slider ===== */
.slider-track{ display:flex; gap:14px; overflow-x:auto; padding:4px 2px 12px; scrollbar-width:thin; scrollbar-color:var(--line) transparent; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.slide-card{ flex:0 0 220px; background:#fff; border:1px dashed #C9BE9C; border-radius:var(--radius-md); padding:18px; text-align:center; scroll-snap-align:start; }
.slide-icon{ font-size:26px; margin-bottom:10px; }
.slide-title{ font-size:13.5px; font-weight:700; margin-bottom:8px; line-height:1.6; }
.slide-tag{ font-size:11px; color:#8A6D2E; background:var(--amber-soft); padding:3px 10px; border-radius:20px; }

/* ===== Most viewed ===== */
.rank-row{ display:flex; align-items:center; gap:16px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px 18px; margin-bottom:12px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; position:relative; overflow:hidden; }
.rank-row:hover{ transform:translateY(-3px); box-shadow:0 12px 28px rgba(33,30,23,.12); border-color:#D8CFB4; }
.rank-num{ font-size:15px; font-weight:900; color:#fff; background:linear-gradient(135deg, var(--forest), var(--forest-deep)); flex:0 0 38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 10px rgba(47,74,60,.3); }
.rank-row:nth-child(2) .rank-num{ background:linear-gradient(135deg, var(--amber), #B06A15); box-shadow:0 4px 10px rgba(217,139,43,.35); }
.rank-thumb{ position:relative; flex:0 0 104px; height:60px; border-radius:10px; background:var(--paper-soft); display:flex; align-items:center; justify-content:center; color:var(--ink-soft); overflow:hidden; }
.rank-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.rank-row:hover .rank-thumb img{ transform:scale(1.08); }
.rank-thumb::after{ content:"▶"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; background:rgba(28,47,38,.25); backdrop-filter:blur(2px); opacity:0; transition:opacity .25s ease; }
.rank-row:hover .rank-thumb::after{ opacity:1; }
.rank-body{ flex:1; min-width:0; }
.rank-title{ font-size:14.5px; font-weight:800; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rank-meta{ font-size:12px; color:var(--ink-soft); }
.rank-views{ flex-shrink:0; font-size:11.5px; font-weight:700; color:#7A4A0C; background:var(--amber-soft); padding:5px 12px; border-radius:20px; }

/* ===== Today's video / single video ===== */
.video-featured{ display:grid; grid-template-columns:300px 1fr; gap:24px; background:linear-gradient(135deg, #fff, #FDFBF4); border:1px solid var(--line); border-radius:20px; padding:20px; transition:transform .25s ease, box-shadow .25s ease; box-shadow:0 4px 14px rgba(33,30,23,.05); }
.video-featured:hover{ transform:translateY(-3px); box-shadow:0 14px 32px rgba(33,30,23,.12); }
@media (max-width:640px){ .video-featured{ grid-template-columns:1fr; } }
.thumb{ position:relative; background:var(--paper-soft); border-radius:var(--radius-md); aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; color:var(--ink-soft); font-size:24px; overflow:hidden; }
.thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.thumb::after{ content:"▶"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:30px; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.4); background:linear-gradient(135deg, rgba(28,47,38,.15), rgba(217,139,43,.25)); opacity:0; transition:opacity .3s ease; }
.video-featured:hover .thumb::after, .video-card:hover .thumb::after, .rank-row:hover .thumb::after{ opacity:1; }
.video-featured:hover .thumb img, .video-card:hover .thumb img{ transform:scale(1.06); }
.video-featured .video-body{ display:flex; flex-direction:column; justify-content:center; }
.video-badge{ display:inline-block; font-size:11.5px; font-weight:700; background:var(--brick-soft); color:var(--brick); padding:4px 12px; border-radius:20px; margin-bottom:10px; width:fit-content; }
.video-featured h3{ font-size:17px; font-weight:700; margin-bottom:6px; }
.video-meta{ font-size:12.5px; color:var(--ink-soft); }

/* ===== Full archive ===== */
.filters{ display:flex; gap:10px; margin-bottom:18px; flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.filters::-webkit-scrollbar{ display:none; }
.filter-chip{ flex-shrink:0; font-size:13px; padding:10px 20px; border-radius:20px; border:1px solid var(--line); color:var(--ink-soft); cursor:pointer; transition:all .2s; min-height:44px; display:inline-flex; align-items:center; }
.filter-chip:hover{ background:var(--paper-soft); }
.filter-chip.active{ background:var(--ink); color:#fff; border-color:var(--ink); }
.video-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:900px){ .video-grid{ grid-template-columns:repeat(2,1fr); gap:14px; } }
@media (max-width:640px){ .video-grid{ grid-template-columns:1fr; gap:12px; } }
.video-card{ background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; display:flex; flex-direction:column; }
.video-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(33,30,23,.13); }
.video-card .thumb{ border-radius:0; aspect-ratio:16/10; font-size:18px; }
.video-card .thumb::after{ font-size:22px; }
.video-card-body{ padding:14px 15px 15px; }
.video-card-title{ font-size:13.5px; font-weight:800; margin-bottom:9px; line-height:1.7; }
.video-card-tag{ font-size:11px; font-weight:700; padding:3px 10px; border-radius:6px; }
.tag-free{ background:#E4EFDD; color:#3B6224; }
.tag-sub{ background:var(--amber-soft); color:#7A4A0C; }

/* ===== Projects list (free projects section) ===== */
.project-list{ display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; background:#fff; }
.project-row{ display:flex; align-items:center; gap:16px; padding:20px 22px; border-bottom:1px solid var(--line); }
.project-row:last-child{ border-bottom:none; }
.project-mark{ flex:0 0 46px; height:46px; border-radius:12px; background:var(--forest); color:#EFE9D6; display:flex; align-items:center; justify-content:center; font-size:19px; overflow:hidden; }
.project-mark img{ width:100%; height:100%; object-fit:cover; }
.project-body{ flex:1; min-width:0; }
.project-title{ font-size:15.5px; font-weight:700; margin-bottom:4px; }
.project-title a{ color:var(--ink); }
.project-title a:hover{ color:var(--forest); }
.project-desc{ font-size:13.5px; color:var(--ink-soft); }
.project-tag{ flex-shrink:0; font-size:12px; font-weight:700; background:var(--amber-soft); color:#7A4A0C; padding:6px 14px; border-radius:20px; border:1px solid #E9CD98; }
.project-tag.tag-soon{ background:var(--paper-soft); color:var(--ink-soft); border-color:var(--line); }

/* ===== Locked (subscription) content ===== */
.locked-box{ background:var(--paper-soft); border:1px solid var(--line); border-radius:var(--radius-lg); padding:32px; text-align:center; margin-bottom:20px; }
.locked-box p{ font-size:16px; margin-bottom:14px; }

footer.site-footer{ border-top:1px solid var(--line); padding:32px 0; text-align:center; }
footer.site-footer .footer-inner{ display:flex; flex-direction:column; align-items:center; gap:16px; }
footer.site-footer .footer-about{ font-size:13px; color:var(--ink-soft); max-width:500px; line-height:1.8; }
footer.site-footer .footer-social{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
footer.site-footer .footer-social a{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--paper-soft); border:1px solid var(--line); color:var(--ink-soft); font-size:17px; transition:all .2s; }
footer.site-footer .footer-social a:hover{ background:var(--forest-deep); color:#fff; border-color:var(--forest-deep); }
footer.site-footer .footer-copy{ font-size:12px; color:var(--ink-soft); border-top:1px solid var(--line); padding-top:16px; width:100%; }
footer.site-footer nav ul{ list-style:none; display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
footer.site-footer nav ul a{ font-size:13px; color:var(--ink-soft); transition:color .2s; }
footer.site-footer nav ul a:hover{ color:var(--forest); }

/* =========================================================
   SIDEBAR — warm kraft-paper panel
   ========================================================= */
.sidebar{ position:sticky; top:88px; align-self:start; z-index:1; }
.sidebar-panel{
  position:relative; background-color:var(--kraft); border:1px solid var(--kraft-shade);
  background-image:
    radial-gradient(ellipse 140px 90px at 18% 12%, rgba(59,47,30,0.06), transparent 60%),
    radial-gradient(ellipse 160px 100px at 85% 70%, rgba(59,47,30,0.07), transparent 60%);
  color:var(--ink-brown); border-radius:4px 18px 10px 20px; overflow:hidden;
  transform:rotate(-0.6deg);
  box-shadow:0 10px 24px rgba(59,47,30,0.14), 0 2px 0 rgba(59,47,30,0.08);
  clip-path:polygon(1% 2%, 18% 0%, 40% 1%, 63% 0%, 85% 1%, 99% 3%, 100% 22%, 99% 48%, 100% 74%, 98% 97%, 78% 100%, 55% 99%, 32% 100%, 8% 99%, 0% 96%, 1% 70%, 0% 45%, 1% 20%);
}

.sb-profile{ padding:32px 22px 22px; text-align:center; position:relative; }
.sb-profile::after{ content:""; position:absolute; left:14px; right:14px; bottom:0; height:1px; background:repeating-linear-gradient(90deg, rgba(59,47,30,0.25) 0 6px, transparent 6px 11px); }
.avatar-ring{ width:82px; height:82px; border-radius:50%; margin:0 auto 14px; background:#F4EDD8; border:3px solid var(--kraft); box-shadow:0 0 0 2px var(--stamp); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; color:var(--stamp); transform:rotate(2deg); overflow:hidden; }
.avatar-ring img{ width:100%; height:100%; object-fit:cover; }
.sb-name{ font-size:16px; font-weight:700; margin-bottom:3px; }
.sb-role{ font-size:12px; color:var(--ink-brown-soft); margin-bottom:18px; }

.sb-stats{ display:flex; justify-content:center; gap:22px; margin-bottom:18px; }
.sb-stat{ text-align:center; }
.sb-stat b{ display:block; font-size:15px; }
.sb-stat span{ font-size:11px; color:var(--ink-brown-soft); }

.auth-row{ display:flex; gap:8px; }
.auth-row .btn{ flex:1; padding:10px 0; text-align:center; font-size:13px; }
.btn-amber-solid{ background:var(--ink-brown); color:var(--kraft); }
.btn-ghost-light{ border:1px solid rgba(59,47,30,0.35); color:var(--ink-brown); background:transparent; }

.sb-badge-wrap{ padding:20px 22px; }
.sb-badge{ position:relative; background:#F4EDD8; border:1px dashed rgba(59,47,30,0.3); border-radius:14px; text-align:center; padding:20px 14px 16px; margin-bottom:20px; transform:rotate(0.7deg); }
.sb-dot{ position:absolute; border-radius:50%; }
.sb-dot-1{ top:-10px; right:16px; width:24px; height:24px; background:var(--stamp); opacity:0.85; }
.sb-dot-2{ bottom:8px; left:10px; width:12px; height:12px; background:#7C8F5E; opacity:0.7; }
.sb-badge-icon{ width:52px; height:52px; border-radius:50%; margin:0 auto 10px; background:var(--kraft); display:flex; align-items:center; justify-content:center; font-size:22px; }
.sb-badge-title{ font-size:14.5px; font-weight:700; margin-bottom:6px; }
.sb-badge-count{ display:inline-block; font-size:11px; background:var(--ink-brown); color:var(--kraft); padding:4px 12px; border-radius:20px; font-weight:700; }

.sb-recent .label{ font-size:11.5px; color:var(--ink-brown-soft); font-weight:700; margin-bottom:10px; }
.sb-recent-item{ display:flex; align-items:center; gap:10px; padding:9px 8px; border-radius:10px; font-size:12.5px; }
.sb-recent-item:hover{ background:rgba(59,47,30,0.06); }
.sb-recent-thumb{ flex:0 0 42px; height:28px; border-radius:6px; background:#F4EDD8; display:flex; align-items:center; justify-content:center; font-size:11px; color:var(--ink-brown-soft); overflow:hidden; }
.sb-recent-thumb img{ width:100%; height:100%; object-fit:cover; }

.sb-subscribe{ margin:0 22px 22px; background:var(--stamp); color:#FBEADF; border-radius:14px; padding:18px; text-align:center; transform:rotate(-0.5deg); }
.sb-subscribe p{ font-size:12.5px; margin-bottom:10px; font-weight:500; }
.sb-subscribe .btn{ background:#FBEADF; color:var(--stamp); font-size:12.5px; padding:9px 20px; }
.sb-subscribe-ok{ background:var(--forest); transform:none; }
.sb-subscribe-ok .btn{ background:#F4EFE0; color:var(--forest-deep); }

/* ===== Smart sidebar v3.3: search + quick start + notify ===== */
.sb-search{ display:flex; gap:8px; margin-bottom:16px; }
.sb-search input{ flex:1; min-width:0; padding:11px 14px; border-radius:12px; border:1px solid rgba(59,47,30,.25); background:#F4EDD8; color:var(--ink-brown); font-size:13px; font-family:inherit; }
.sb-search input::placeholder{ color:var(--ink-brown-soft); }
.sb-search input:focus{ outline:2px solid var(--stamp); outline-offset:1px; background:#fff; }
.sb-search button{ flex:0 0 46px; height:46px; border-radius:12px; border:none; background:var(--ink-brown); color:var(--kraft); font-size:18px; cursor:pointer; }
.sb-quick{ margin-bottom:18px; }
.sb-quick .label, .sb-recent .label{ font-size:11.5px; color:var(--ink-brown-soft); font-weight:800; margin-bottom:10px; }
.sb-quick-item{ display:flex; align-items:center; gap:10px; background:#F4EDD8; border:1px solid rgba(59,47,30,.14); border-radius:12px; padding:10px 12px; margin-bottom:8px; transition:transform .2s, box-shadow .2s, background .2s; }
.sb-quick-item:hover{ background:#fff; transform:translateY(-1px); box-shadow:0 6px 14px rgba(59,47,30,.12); }
.sb-quick-hot{ border-color:var(--stamp); border-style:dashed; }
.q-ico{ flex:0 0 36px; height:36px; border-radius:10px; background:var(--kraft); display:flex; align-items:center; justify-content:center; font-size:17px; }
.sb-quick-hot .q-ico{ background:var(--stamp); color:#fff; }
.q-txt{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.5; }
.q-txt b{ font-size:13px; }
.q-txt small{ font-size:11px; color:var(--ink-brown-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.q-go{ font-size:15px; color:var(--ink-brown-soft); }
.sb-more-link{ display:inline-block; margin-top:8px; font-size:12px; font-weight:800; color:var(--stamp); border-bottom:1px dashed var(--stamp); }
.sb-notify{ background:#F4EDD8; border:1px dashed rgba(59,47,30,.3); border-radius:12px; padding:12px 14px; margin-top:4px; }
.sb-notify-top{ display:flex; align-items:center; gap:8px; font-size:13px; margin-bottom:8px; line-height:1.6; }
.sb-notify-btn{ display:flex; align-items:center; justify-content:center; min-height:42px; background:var(--ink-brown); color:var(--kraft); border-radius:10px; font-size:12.5px; font-weight:800; }
.avatar-ring{ position:relative; }
.sb-online-dot{ position:absolute; bottom:4px; left:4px; width:14px; height:14px; border-radius:50%; background:#4CAF50; border:2px solid var(--kraft); }

/* ===== Mobile refinements ===== */
@media (max-width:900px){
  .sidebar-panel{ transform:none; clip-path:none; border-radius:16px; box-shadow:0 6px 16px rgba(59,47,30,0.12); }
  .sb-badge{ transform:none; }
  .sb-subscribe{ transform:none; }
}
@media (max-width:640px){
  section{ margin-bottom:34px; }
  .section-head{ flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px; }
  .section-head h2{ font-size:17px; flex:1; min-width:180px; }
  .section-head .more{ align-self:center; min-height:40px; display:inline-flex; align-items:center; }
  .slide-card{ flex:0 0 200px; padding:16px 14px; }
  .rank-row{ padding:12px; gap:12px; }
  .rank-num{ flex:0 0 34px; height:34px; font-size:14px; }
  .rank-thumb{ flex:0 0 84px; height:56px; }
  .rank-body{ flex:1; min-width:0; }
  .rank-title{ font-size:13.5px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .rank-meta{ font-size:11.5px; }
  .rank-views{ font-size:11px; padding:6px 10px; flex-shrink:0; }
  .video-card-title{ font-size:14px; line-height:1.8; }
  .video-featured{ grid-template-columns:1fr; padding:14px; gap:14px; }
  .video-featured .thumb{ aspect-ratio:16/9; }
  .project-row{ padding:16px 14px; gap:12px; flex-wrap:wrap; }
  .project-mark{ flex:0 0 44px; height:44px; }
  .project-body{ flex:1; min-width:140px; }
  .project-title{ font-size:14px; }
  .project-desc{ font-size:13px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .project-tag{ font-size:11.5px; padding:7px 12px; }
  .sb-profile{ padding:24px 18px 18px; }
  .avatar-ring{ width:68px; height:68px; }
  .sb-stats{ gap:16px; }
  .sb-badge-wrap{ padding:16px 14px; }
  .sb-search input{ font-size:13px; }
  .sb-quick-item{ padding:10px; }
  .q-txt b{ font-size:12.5px; }
  .sb-subscribe{ margin:0 18px 18px; padding:16px; }
  .auth-row .btn{ min-height:46px; font-size:13.5px; }
}
@media (max-width:420px){
  .wrap{ padding:0 14px; }
  .hero-text{ padding:22px 16px 20px; }
  .video-grid{ grid-template-columns:1fr; }
  .video-card .thumb{ aspect-ratio:16/9; }
  .sb-badge{ padding:16px 10px 14px; }
  .sb-badge-icon{ width:44px; height:44px; font-size:18px; }
  .sb-badge-title{ font-size:13px; }
  .project-row{ align-items:flex-start; }
  .project-tag{ margin-right:auto; }
}

/* ===== Pagination ===== */
.pagination, .nav-links{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:32px; flex-wrap:wrap; }
.page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; height:44px; padding:0 12px; border-radius:10px; font-size:14px; font-weight:700; color:var(--ink-soft); border:1px solid var(--line); transition:all .2s; }
.page-numbers:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.page-numbers.current{ background:var(--forest); color:#fff; border-color:var(--forest); }

/* ===== Hide sidebar on single posts/videos/projects in mobile ===== */
@media (max-width:900px){
  body.nikzad-video-single .sidebar,
  body.nikzad-project-single .sidebar,
  body.single .sidebar,
  body.single-post .sidebar{
    display:none;
  }
  body.nikzad-video-single .layout,
  body.nikzad-project-single .layout,
  body.single .layout,
  body.single-post .layout{
    grid-template-columns:1fr;
  }
}

/* ===== Header scroll shadow ===== */
.site-header.scrolled{ box-shadow:0 2px 12px rgba(0,0,0,.08); }

/* ===== 404 page ===== */
.error-404{ text-align:center; padding:60px 0; }

/* ===== Focus styles for accessibility ===== */
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible{
  outline:2px solid var(--amber);
  outline-offset:2px;
}

/* ===== Print styles ===== */
@media print{
  .site-header, .sidebar, .hero-actions, .filters, footer{ display:none !important; }
  .layout{ grid-template-columns:1fr !important; }
  body{ font-size:12pt; color:#000; background:#fff; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition-duration:0s !important; }
}

/* =========================================================
   UPDATE SYSTEM — نسخه ابزار + تاریخچه به‌روزرسانی
   ========================================================= */
.project-ver{ display:inline-block; margin-top:6px; font-size:11px; font-weight:800; color:#3B6224; background:#E4EFDD; border:1px solid #CBE0BC; padding:2px 10px; border-radius:20px; }
.update-box{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:22px 24px; margin:28px 0; box-shadow:0 4px 14px rgba(33,30,23,.05); }
.update-box-plain{ text-align:center; background:var(--paper-soft); }
.update-box-plain p{ font-size:15px; }
.update-box-top{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.version-pill{ display:inline-block; font-size:12.5px; font-weight:800; background:linear-gradient(135deg, var(--forest), var(--forest-deep)); color:#EFE9D6; padding:6px 15px; border-radius:20px; direction:ltr; box-shadow:0 4px 10px rgba(47,74,60,.25); }
.version-pill-sm{ font-size:11.5px; padding:4px 12px; }
.update-meta{ font-size:12px; color:var(--ink-soft); margin-right:10px; }
.update-current-title{ font-size:13.5px; color:var(--ink-soft); margin-top:10px; }
.current-tag{ display:inline-block; font-size:11px; font-weight:800; background:var(--amber-soft); color:#7A4A0C; padding:3px 11px; border-radius:20px; margin-right:8px; }
.changelog{ margin-top:38px; }
.change-item{ position:relative; background:#fff; border:1px solid var(--line); border-right:3px solid var(--line); border-radius:14px; padding:16px 20px 16px 18px; margin-bottom:12px; transition:box-shadow .2s ease; }
.change-item:hover{ box-shadow:0 8px 20px rgba(33,30,23,.08); }
.change-item.is-current{ border-right-color:var(--forest); }
.change-head{ display:flex; align-items:center; flex-wrap:wrap; gap:4px; margin-bottom:6px; }
.change-title{ font-size:14px; font-weight:800; margin-bottom:4px; }
.change-notes{ font-size:13px; color:var(--ink-soft); line-height:1.9; }
.change-dl{ display:inline-block; margin-top:8px; font-size:12.5px; font-weight:800; color:var(--forest); border-bottom:1px dashed var(--forest); }
.change-dl:hover{ color:var(--amber); border-color:var(--amber); }
@media (max-width:640px){
  .update-box{ padding:16px; }
  .update-box-top .btn{ width:100%; text-align:center; }
  .update-meta{ display:inline-block; margin-top:6px; }
}

/* =========================================================
   LANDING PAGE — صفحات فروش و جذب لید
   ========================================================= */
.ld-container{ max-width:800px; margin:0 auto; padding:0 24px; }
.ld-section{ padding:64px 0; }
.ld-section:nth-child(even){ background:var(--paper-soft); }
.ld-section-title{ font-size:clamp(22px,3.5vw,30px); font-weight:900; text-align:center; margin-bottom:40px; position:relative; }
.ld-section-title::after{ content:""; display:block; width:60px; height:4px; background:linear-gradient(90deg, var(--amber), var(--brick)); border-radius:2px; margin:12px auto 0; }

/* هیرو */
.ld-hero{ background:linear-gradient(135deg, var(--forest-deep) 0%, #0F1F18 50%, #1A3028 100%); color:#F4EFE0; padding:80px 0 50px; position:relative; overflow:hidden; }
.ld-hero::before{ content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle, rgba(217,139,43,.15), transparent 60%); top:-250px; right:-150px; pointer-events:none; }
.ld-hero::after{ content:""; position:absolute; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle, rgba(47,74,60,.3), transparent 60%); bottom:-150px; left:-100px; pointer-events:none; }
.ld-hero-inner{ max-width:960px; margin:0 auto; padding:0 28px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; position:relative; z-index:2; }
@media(max-width:768px){ .ld-hero-inner{ grid-template-columns:1fr; text-align:center; } .ld-hero{ padding:60px 0 36px; } }
.ld-badge{ display:inline-block; font-size:12px; font-weight:800; background:linear-gradient(135deg, rgba(217,139,43,.25), rgba(217,139,43,.1)); border:1px solid rgba(217,139,43,.5); color:#F6E4C4; padding:6px 18px; border-radius:30px; margin-bottom:18px; backdrop-filter:blur(4px); animation:ld-pulse 2s ease-in-out infinite; }
@keyframes ld-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(217,139,43,.3); } 50%{ box-shadow:0 0 0 8px rgba(217,139,43,0); } }
.ld-hook{ font-size:clamp(26px,4.5vw,40px); font-weight:900; line-height:1.5; margin-bottom:14px; text-shadow:0 2px 20px rgba(0,0,0,.2); }
.ld-hook-sub{ font-size:16px; color:#CFC9B5; margin-bottom:32px; line-height:1.9; max-width:480px; }
@media(max-width:768px){ .ld-hook-sub{ margin:0 auto 32px; } }
.ld-cta-hero{ font-size:16px; padding:16px 36px; border-radius:14px; position:relative; overflow:hidden; }
.ld-cta-hero::after{ content:""; position:absolute; top:-50%; left:-60%; width:200%; height:200%; background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,.15) 50%, transparent 70%); animation:ld-shine 3s ease-in-out infinite; pointer-events:none; }
@keyframes ld-shine{ 0%{ transform:translateX(-100%); } 100%{ transform:translateX(100%); } }
.ld-hero-media{ position:relative; }
.ld-hero-media::before{ content:""; position:absolute; inset:-8px; border-radius:24px; background:linear-gradient(135deg, var(--amber), var(--forest)); opacity:.3; z-index:-1; filter:blur(20px); }
.ld-hero-media img{ width:100%; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.35); position:relative; z-index:1; }
.ld-hero-media video{ width:100%; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.35); }

/* مشکل + راه‌حل */
.ld-ps .ld-container{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
@media(max-width:640px){ .ld-ps .ld-container{ grid-template-columns:1fr; } }
.ld-ps h2{ font-size:18px; font-weight:800; margin-bottom:18px; display:flex; align-items:center; gap:8px; }
.ld-ps-col{ background:#fff; border-radius:18px; padding:28px; border:1px solid var(--line); transition:transform .2s, box-shadow .2s; }
.ld-ps-col:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(33,30,23,.08); }
.ld-ps-bad{ border-right:4px solid var(--brick); }
.ld-ps-bad h2{ color:var(--brick); }
.ld-ps-good{ border-right:4px solid var(--forest); }
.ld-ps-good h2{ color:var(--forest); }
.ld-ps-item{ padding:12px 0; border-bottom:1px solid var(--paper-soft); font-size:14.5px; line-height:1.8; display:flex; align-items:center; gap:8px; }
.ld-ps-item:last-child{ border-bottom:none; }
.ld-ps-bad .ld-ps-item::before{ content:"✗"; color:var(--brick); font-weight:900; flex-shrink:0; }
.ld-ps-good .ld-ps-item::before{ content:"✓"; color:var(--forest); font-weight:900; flex-shrink:0; }

/* ویژگی‌ها */
.ld-features-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; }
.ld-feature-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 22px; text-align:center; transition:all .3s ease; position:relative; overflow:hidden; }
.ld-feature-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--amber), var(--forest)); opacity:0; transition:opacity .3s; }
.ld-feature-card:hover{ transform:translateY(-6px); box-shadow:0 16px 36px rgba(33,30,23,.12); }
.ld-feature-card:hover::before{ opacity:1; }
.ld-feature-icon{ font-size:36px; margin-bottom:12px; display:inline-block; animation:ld-float 3s ease-in-out infinite; }
.ld-feature-card:nth-child(2) .ld-feature-icon{ animation-delay:.5s; }
.ld-feature-card:nth-child(3) .ld-feature-icon{ animation-delay:1s; }
.ld-feature-card:nth-child(4) .ld-feature-icon{ animation-delay:1.5s; }
@keyframes ld-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-6px); } }
.ld-feature-title{ font-size:16px; font-weight:800; margin-bottom:8px; }
.ld-feature-desc{ font-size:13px; color:var(--ink-soft); line-height:1.9; }

/* نظرات */
.ld-testimonials-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:18px; }
.ld-testimonial-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:24px; position:relative; transition:transform .2s; }
.ld-testimonial-card:hover{ transform:translateY(-3px); }
.ld-testimonial-card::before{ content:"\201C"; position:absolute; top:12px; right:16px; font-size:40px; color:var(--amber); opacity:.2; }
.ld-testimonial-stars{ font-size:14px; margin-bottom:10px; direction:ltr; justify-content:flex-start; display:flex; gap:2px; }
.ld-testimonial-text{ font-size:13.5px; line-height:1.9; margin-bottom:12px; color:var(--ink); font-style:italic; }
.ld-testimonial-name{ font-size:12.5px; font-weight:800; color:var(--forest); display:flex; align-items:center; gap:6px; }
.ld-testimonial-name::before{ content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--amber); }

/* FAQ */
.ld-faq-list{ max-width:700px; margin:0 auto; }
.ld-faq-item{ background:#fff; border:1px solid var(--line); border-radius:14px; margin-bottom:12px; overflow:hidden; transition:box-shadow .2s; }
.ld-faq-item:hover{ box-shadow:0 4px 16px rgba(33,30,23,.06); }
.ld-faq-q{ padding:18px 22px; font-weight:700; font-size:15px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; transition:background .2s; }
.ld-faq-q:hover{ background:var(--paper-soft); }
.ld-faq-q::-webkit-details-marker{ display:none; }
.ld-faq-q::after{ content:"+"; font-size:18px; color:var(--amber); font-weight:300; transition:transform .3s; flex-shrink:0; }
.ld-faq-item[open] .ld-faq-q::after{ content:"-"; transform:rotate(180deg); }
.ld-faq-a{ padding:0 22px 18px; font-size:14px; color:var(--ink-soft); line-height:1.9; }

/* CTA + فرم */
.ld-cta{ background:linear-gradient(135deg, var(--forest-deep), #0F1F18, #1A3028); color:#F4EFE0; text-align:center; position:relative; overflow:hidden; }
.ld-cta::before{ content:""; position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(217,139,43,.12), transparent 60%); bottom:-200px; right:-150px; pointer-events:none; }
.ld-cta-title{ font-size:clamp(24px,4vw,32px); font-weight:900; margin-bottom:10px; color:#fff; position:relative; }
.ld-cta-sub{ font-size:15px; color:#CFC9B5; margin-bottom:36px; position:relative; }
.ld-form{ max-width:520px; margin:0 auto; position:relative; }
.ld-form-row{ display:flex; gap:14px; margin-bottom:14px; }
.ld-form-row input{ flex:1; padding:16px 20px; border-radius:14px; border:1px solid rgba(244,239,224,.15); background:rgba(244,239,224,.07); color:#fff; font-size:15px; font-family:inherit; direction:rtl; transition:all .3s; }
.ld-form-row input::placeholder{ color:#8A9480; }
.ld-form-row input:focus{ outline:none; border-color:var(--amber); background:rgba(244,239,224,.12); box-shadow:0 0 0 3px rgba(217,139,43,.2); }
.ld-form-btn{ width:100%; padding:18px; font-size:17px; border-radius:14px; position:relative; overflow:hidden; }
.ld-form-btn::after{ content:""; position:absolute; top:-50%; left:-60%; width:200%; height:200%; background:linear-gradient(45deg, transparent 30%, rgba(255,255,255,.15) 50%, transparent 70%); animation:ld-shine 3s ease-in-out infinite; pointer-events:none; }
.ld-form-privacy{ font-size:12px; color:#6B7A5E; margin-top:14px; display:flex; align-items:center; justify-content:center; gap:6px; }
.ld-success-icon{ font-size:56px; margin-bottom:16px; animation:ld-bounce 0.6s ease; }
@keyframes ld-bounce{ 0%{ transform:scale(0); } 50%{ transform:scale(1.2); } 100%{ transform:scale(1); } }
#ld-form-success{ background:rgba(244,239,224,.05); border-radius:20px; padding:40px 20px; border:1px solid rgba(244,239,224,.1); }
#ld-form-success h3{ font-size:22px; font-weight:800; margin-bottom:10px; color:#fff; }
#ld-form-success p{ font-size:14px; color:#CFC9B5; line-height:1.8; }

@media(max-width:640px){
  .ld-form-row{ flex-direction:column; }
  .ld-hero-inner{ padding:0 16px; }
  .ld-hero{ padding:50px 0 30px; }
  .ld-section{ padding:44px 0; }
  .ld-container{ padding:0 16px; }
  .ld-ps .ld-container{ gap:20px; }
}

/* ===== User Dashboard ===== */
.ld-dashboard{ max-width:800px; margin:40px auto; padding:0 20px; }
.ld-dash-header{ background:var(--forest-deep); color:#F4EFE0; border-radius:20px; padding:32px; margin-bottom:28px; position:relative; overflow:hidden; }
.ld-dash-header::after{ content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle, rgba(217,139,43,.15), transparent 60%); top:-150px; right:-100px; pointer-events:none; }
.ld-dash-header h1{ font-size:22px; font-weight:900; margin-bottom:6px; position:relative; }
.ld-dash-header p{ font-size:14px; color:#CFC9B5; position:relative; }
.ld-dash-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; position:relative; }
.ld-dash-stat{ background:rgba(244,239,224,.08); border-radius:12px; padding:14px; text-align:center; border:1px solid rgba(244,239,224,.1); }
.ld-dash-stat b{ display:block; font-size:22px; font-weight:900; color:#fff; }
.ld-dash-stat span{ font-size:11.5px; color:#A9B3A4; }
.ld-dash-section{ margin-bottom:28px; }
.ld-dash-section h2{ font-size:18px; font-weight:800; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.ld-download-card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px; margin-bottom:12px; display:flex; align-items:center; gap:16px; transition:all .2s; }
.ld-download-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(33,30,23,.08); }
.ld-download-icon{ width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg, var(--forest), var(--forest-deep)); color:#EFE9D6; display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.ld-download-info{ flex:1; }
.ld-download-title{ font-size:15px; font-weight:800; margin-bottom:3px; }
.ld-download-meta{ font-size:12px; color:var(--ink-soft); }
.ld-download-btn{ flex-shrink:0; }
.ld-empty{text-align:center; padding:40px 20px; color:var(--ink-soft); }
.ld-empty-icon{ font-size:48px; margin-bottom:12px; }

/* =========================================================
   PANEL MAN v3 — داشبورد یکپارچه (سایدبار پروفایل + کارت‌های لینک‌دار)
   ========================================================= */
body.nikzad-dashboard .sidebar{ display:none; }
body.nikzad-dashboard .layout{ grid-template-columns:1fr; }
.mp-layout{ display:grid; grid-template-columns:270px 1fr; gap:24px; align-items:start; padding:8px 0 40px; }
.mp-side{ background:linear-gradient(180deg, var(--forest-deep), #0F1F18); border-radius:18px; padding:24px 18px; color:#F4EFE0; position:sticky; top:88px; text-align:center; }
.mp-avatar{ width:92px; height:92px; border-radius:50%; object-fit:cover; border:3px solid var(--amber); margin:0 auto 10px; display:block; background:var(--forest); }
.mp-avatar-fallback{ display:flex; align-items:center; justify-content:center; font-size:34px; font-weight:900; color:var(--stamp); background:#F4EDD8; }
.mp-side .nm{ font-size:15px; font-weight:800; }
.mp-side .ml{ font-size:11.5px; color:#A9B3A4; margin-bottom:16px; word-break:break-all; }
.mp-menu{ display:flex; flex-direction:column; gap:2px; text-align:right; }
.mp-menu a{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:12px; font-size:13.5px; font-weight:700; color:#CFC9B5; min-height:46px; }
.mp-menu a:hover{ background:rgba(244,239,224,.08); color:#fff; }
.mp-menu a.on{ background:rgba(217,139,43,.2); color:#F6E4C4; }
.mp-menu a.out{ color:#8A9480; }
.mp-main{ min-width:0; }
.mp-top{ display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.mp-top h1{ font-size:19px; font-weight:900; }
.mp-subchip{ margin-right:auto; display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:800; padding:9px 16px; border-radius:30px; min-height:40px; }
.mp-subchip.free{ background:var(--amber-soft); color:#7A4A0C; border:1px solid #E9CD98; }
.mp-subchip.pro{ background:linear-gradient(135deg, var(--amber), #B06A15); color:#fff; }
.mp-subchip a{ text-decoration:underline; }
.mp-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.mp-card{ background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; display:block; transition:transform .2s, box-shadow .2s; }
.mp-card:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(33,30,23,.12); }
.mp-card .top{ height:84px; display:flex; align-items:center; justify-content:center; font-size:32px; color:#fff; }
.mp-card.c1 .top{ background:linear-gradient(135deg, #2E9BB5, #1F7A90); }
.mp-card.c2 .top{ background:linear-gradient(135deg, var(--amber), #B06A15); }
.mp-card.c3 .top{ background:linear-gradient(135deg, var(--forest), var(--forest-deep)); }
.mp-card.c4 .top{ background:linear-gradient(135deg, #7C6CF0, #5A4BD1); }
.mp-card.c5 .top{ background:linear-gradient(135deg, var(--brick), #8F3A1E); }
.mp-card.c6 .top{ background:linear-gradient(135deg, #3B82C4, #27629B); }
.mp-card .bt{ padding:12px 8px 14px; text-align:center; }
.mp-card .bt b{ font-size:13px; display:block; }
.mp-card .bt span{ font-size:18px; font-weight:900; }
.mp-notice{ border-radius:12px; padding:13px 16px; font-size:13px; margin-bottom:18px; line-height:1.9; }
.mp-notice.green{ background:#E4EFDD; color:#3B6224; border:1px solid #CBE0BC; }
.mp-sec{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; margin-bottom:16px; scroll-margin-top:90px; }
.mp-sec h2{ font-size:15px; font-weight:800; margin-bottom:12px; }
.mp-row{ display:flex; align-items:center; gap:12px; padding:11px 4px; border-bottom:1px solid var(--paper-soft); font-size:13px; }
.mp-row:last-child{ border:none; }
.mp-row .pic{ width:42px; height:42px; border-radius:11px; background:var(--paper-soft); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.mp-row .inf{ flex:1; min-width:0; }
.mp-row .inf b{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mp-row .inf small{ color:var(--ink-soft); font-size:11.5px; }
.mp-more{ display:inline-block; margin-top:10px; font-size:12.5px; font-weight:800; color:var(--forest); }
.mp-bar{ height:8px; background:var(--paper-soft); border-radius:8px; overflow:hidden; margin-top:8px; }
.mp-bar i{ display:block; height:100%; background:linear-gradient(90deg, var(--amber), var(--forest)); border-radius:8px; }

/* فرم ورود پیامکی */
.nikzad-login-box label{ display:block; font-size:13px; font-weight:800; margin-bottom:8px; }
.nikzad-login-box input[type="tel"], .nikzad-login-box input[type="text"]{ width:100%; padding:14px 16px; border-radius:12px; border:1px solid var(--line); font-size:16px; font-family:inherit; background:var(--paper); }
.nikzad-login-box input:focus{ outline:2px solid var(--amber); outline-offset:1px; background:#fff; }
.nl-msg{ font-size:13px; text-align:center; margin-top:12px; line-height:1.8; }

@media (max-width:900px){
  .mp-layout{ grid-template-columns:1fr; }
  .mp-side{ position:static; }
  .mp-menu{ flex-direction:row; overflow-x:auto; gap:6px; padding-bottom:4px; scrollbar-width:none; }
  .mp-menu::-webkit-scrollbar{ display:none; }
  .mp-menu a{ white-space:nowrap; flex-shrink:0; }
  .mp-cards{ grid-template-columns:1fr 1fr; gap:10px; }
  .mp-subchip{ margin-right:0; }
  .mp-top h1{ font-size:17px; }
}

/* ===== Body class for landing pages ===== */
body.landing-page .site-header{ display:none; }
body.landing-page .site-footer{ border-top:1px solid var(--forest-line); background:var(--forest-deep); color:#CFC9B5; padding:20px 0; }
body.landing-page .site-footer a{ color:#F4EFE0; }
body.landing-page .layout{ max-width:none; padding:0; }
body.landing-page .sidebar{ display:none; }
body.landing-page .main{ max-width:none; padding:0; }

/* ===== Touch device: disable hover animations ===== */
@media (hover:none){
  .rank-row:hover, .video-card:hover, .video-featured:hover, .slide-card:hover{
    transform:none;
    box-shadow:none;
  }
  .thumb::after{ display:none; }
}

/* =========================================================
   HOME v4.1 — انرژی و پویایی (سبک، فقط transform/opacity)
   ========================================================= */
/* هاله‌های شناور هیرو */
.hero{isolation:isolate}
.hero-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:1;filter:blur(2px)}
.hero-glow.g1{width:340px;height:340px;top:-120px;left:-80px;background:radial-gradient(circle,rgba(217,139,43,.35),transparent 65%);animation:drift 9s ease-in-out infinite alternate}
.hero-glow.g2{width:260px;height:260px;bottom:-110px;right:8%;background:radial-gradient(circle,rgba(47,120,90,.4),transparent 65%);animation:drift 11s ease-in-out infinite alternate-reverse}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(36px,28px) scale(1.12)}}
/* تیتر با گرادیان متحرک روی کلمه کلیدی */
.hero h1 .hl{background:linear-gradient(90deg,#F6E4C4,var(--amber),#F6E4C4);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 5s linear infinite}
@keyframes sheen{to{background-position:200% center}}
/* دکمه‌ها: برق + لیفت */
.btn-amber{position:relative;overflow:hidden}
.btn-amber::after{content:"";position:absolute;top:-60%;bottom:-60%;width:45%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:btnshine 3.4s ease-in-out infinite}
@keyframes btnshine{0%{left:-70%}55%,100%{left:130%}}
.btn-amber:hover{transform:translateY(-3px) scale(1.02)}
.btn-dark:hover,.btn-line:hover{transform:translateY(-2px)}
/* نشان هیرو: پالس ملایم */
.hero-eyebrow{animation:pop 5s ease-in-out infinite}
@keyframes pop{0%,100%{box-shadow:0 0 0 0 rgba(217,139,43,.35)}50%{box-shadow:0 0 0 7px rgba(217,139,43,0)}}
/* آمار: شمارنده + خط انرژی */
.hero-stat b{font-variant-numeric:tabular-nums}
.hero-stats{position:relative}
.hero-stats::before{content:"";position:absolute;top:-1px;right:0;width:72px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--amber),transparent);animation:bar 3s ease-in-out infinite alternate}
@keyframes bar{to{width:150px;opacity:.5}}
/* مسیر: خط اتصال + جهش شماره */
.journey-grid{position:relative}
.step{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.step:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(33,30,23,.12)}
.step .n{transition:transform .25s ease}
.step:hover .n{transform:scale(1.15) rotate(-8deg)}
.step-hot .n{background:linear-gradient(135deg,var(--amber),#B06A15);animation:nbeat 2.6s ease-in-out infinite}
@keyframes nbeat{0%,100%{box-shadow:0 0 0 0 rgba(217,139,43,.45)}50%{box-shadow:0 0 0 9px rgba(217,139,43,0)}}
/* ابزار: ردیف زنده */
.project-row{transition:background .2s ease,transform .2s ease}
.project-row:hover{background:#FFFDF6;transform:translateX(-4px)}
.project-mark{transition:transform .25s ease}
.project-row:hover .project-mark{transform:scale(1.08) rotate(-4deg)}
/* پلن ویژه: هاله تپنده */
.plan{transition:transform .25s ease,box-shadow .25s ease}
.plan:hover{transform:translateY(-5px)}
.plan.hot::before{content:"";position:absolute;inset:-3px;border-radius:22px;background:linear-gradient(135deg,rgba(217,139,43,.5),transparent,rgba(217,139,43,.5));z-index:-1;opacity:.55;animation:hotglow 3s ease-in-out infinite alternate}
@keyframes hotglow{to{opacity:1}}
/* کارت ویدیو: زوم + برق */
.video-card .thumb img,.rank-thumb img{transition:transform .4s ease}
.video-card:hover .thumb img{transform:scale(1.07)}
/* ظاهرشدن هنگام اسکرول (فقط وقتی JS فعال است؛ بدون JS همه‌چیز مرئی) */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease var(--d,0ms),transform .6s ease var(--d,0ms)}
html.js .rv.in{opacity:1;transform:none}
/* موبایل: انرژی کمتر، سرعت بیشتر */
@media(max-width:800px){
  .hero-glow.g2{display:none}
  .hero-glow.g1{width:240px;height:240px}
  html.js .rv{transform:translateY(16px)}
}
@media (prefers-reduced-motion: reduce){
  .hero-glow,.btn-amber::after,.hero h1 .hl,.hero-eyebrow,.hero-stats::before,.step-hot .n,.plan.hot::before{animation:none !important}
  html.js .rv{opacity:1;transform:none;transition:none}
}
/* =========================================================
   HOME v4 — سفر مشتری: Journey / Plans / Proof / FAQ
   موبایل‌فرست، سبک (بیس)
   ========================================================= */
.btn-sm{min-height:40px;padding:8px 18px;font-size:13px}
.btn-line{border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.btn-line:hover{background:var(--paper-soft)}
.journey{margin-bottom:44px}
.journey-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}
.step .n{width:34px;height:34px;border-radius:50%;background:var(--forest-deep);color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:10px;font-size:15px}
.step h3{font-size:15px;margin-bottom:6px}
.step p{font-size:13px;color:var(--ink-soft);margin-bottom:10px}
.step .go{font-size:12.5px;font-weight:800;color:var(--forest)}
.step-hot{border:2px solid var(--amber)}
.project-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.project-value{display:inline-block;font-size:11px;font-weight:800;color:#3B6224;background:#E4EFDD;border:1px solid #CBE0BC;padding:2px 10px;border-radius:20px}
.project-side{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0}
.plans-sec{scroll-margin-top:90px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 22px;text-align:center;position:relative;display:flex;flex-direction:column}
.plan.hot{border:2px solid var(--amber);box-shadow:0 14px 34px rgba(217,139,43,.16)}
.plan .tag{position:absolute;top:-14px;right:50%;transform:translateX(50%);background:var(--amber);color:#fff;font-size:11px;font-weight:800;padding:4px 16px;border-radius:20px;white-space:nowrap}
.plan h3{font-size:16px}
.plan .price{font-size:24px;font-weight:900;margin:8px 0 2px}
.plan .price small{font-size:12px;color:var(--ink-soft);font-weight:400}
.plan-for{font-size:12px;color:var(--ink-soft)}
.plan ul{list-style:none;text-align:right;font-size:13px;margin:14px 0 18px;flex:1}
.plan ul li{padding:8px 0;border-bottom:1px dashed var(--line)}
.plan ul li:last-child{border:none}
.plan ul li::before{content:"✓ ";color:var(--forest);font-weight:900}
.plan ul li.no{color:#aaa}
.plan ul li.no::before{content:"— ";color:#ccc}
.plan-guarantee{font-size:11px;color:var(--ink-soft);margin-top:10px}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.quote{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;font-size:13px;margin:0}
.quote .stars{color:var(--amber);letter-spacing:2px;margin-bottom:8px}
.quote blockquote{margin-bottom:10px;line-height:1.9}
.quote figcaption{font-size:12px;font-weight:800;color:var(--forest)}
.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;margin-bottom:10px;overflow:hidden}
.faq-q{padding:16px 20px;font-weight:700;font-size:14.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:"+";font-size:18px;color:var(--amber)}
.faq[open] .faq-q::after{content:"−"}
.faq-a{padding:0 20px 16px;font-size:13.5px;color:var(--ink-soft);margin:0}
.final-cta{background:linear-gradient(135deg,var(--forest-deep),#0F1F18);color:#F4EFE0;border-radius:22px;text-align:center;padding:44px 24px;margin-top:26px}
.final-cta h2{font-size:22px;margin-bottom:8px;color:#fff}
.final-cta p{color:#CFC9B5;font-size:14px;margin-bottom:22px}
@media(max-width:800px){
  .journey-grid,.plans,.proof{grid-template-columns:1fr}
  .plan.hot{order:-1}
  .project-side{flex-direction:row;align-items:center;width:100%}
  .project-side .btn{flex:1}
  .final-cta{padding:34px 18px}
  .final-cta .hero-actions{flex-direction:column;align-items:stretch}
  .final-cta .btn{width:100%}
}