/* ═══════════════════════════════════════════════════════════════
   صفحات ایستا: راهنما، سؤالات متداول، نقشهٔ سایت
   ═══════════════════════════════════════════════════════════════ */

.page-header{padding:48px 0 32px;text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:32px}
.page-header h1{font-size:32px;margin-bottom:10px}
.page-header p{color:var(--text-secondary)}
.back-home{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:14px;margin-bottom:20px;transition:var(--transition)}
.back-home:hover{color:var(--accent-blue)}

.page-main{padding-bottom:60px;max-width:820px}

/* فهرست پیمایش داخل صفحه */
.page-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;justify-content:center}
.page-toc a{background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;padding:8px 16px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:var(--transition)}
.page-toc a:hover{border-color:var(--accent-blue);color:var(--text-primary)}

.page-section{margin-bottom:44px;scroll-margin-top:20px}
.page-section h2{font-size:22px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}
.page-section h3{font-size:17px;margin:22px 0 10px;color:var(--text-primary)}
.page-section p{color:var(--text-secondary);line-height:2.1;margin-bottom:12px}
.page-section code{background:var(--bg-secondary);padding:2px 8px;border-radius:6px;font-size:13px;direction:ltr;display:inline-block}

.page-list{list-style:none;padding:0;margin-bottom:14px}
.page-list li{color:var(--text-secondary);line-height:2.1;padding-right:22px;position:relative;margin-bottom:8px}
.page-list li::before{content:'▸';position:absolute;right:0;color:var(--accent-blue)}

/* مراحل شماره‌دار */
.help-steps{display:flex;flex-direction:column;gap:14px;margin:18px 0}
.help-step{display:flex;gap:14px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px}
.hs-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}
.help-step strong{display:block;margin-bottom:4px}
.help-step p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.8}

/* جعبهٔ نکته */
.tip-box{background:var(--accent-blue)0d;border:1px solid var(--accent-blue)33;border-radius:var(--radius);padding:16px;margin:16px 0;color:var(--text-secondary);line-height:2}
.tip-box.warn{background:#f59e0b12;border-color:#f59e0b44}

/* نشان سطح‌ها */
.level-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lvl{background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;padding:7px 14px;font-size:13px;color:var(--text-secondary)}

/* سؤالات متداول */
.faq-search-wrap{margin-bottom:20px}
.faq-search{width:100%;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius);padding:14px 18px;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;transition:var(--transition)}
.faq-search:focus{border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--accent-blue)1a}

.faq-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.faq-cat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;padding:8px 16px;color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;transition:var(--transition)}
.faq-cat:hover{border-color:var(--accent-blue)}
.faq-cat.active{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-color:transparent;color:#fff}

.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;transition:var(--transition)}
.faq-item[open]{border-color:var(--accent-blue)55}
.faq-item summary{padding:16px 20px;cursor:pointer;font-weight:600;font-size:15px;list-style:none;position:relative;padding-left:44px;transition:var(--transition)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--accent-blue);transition:var(--transition)}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:hover{background:var(--bg-card-hover)}
.faq-a{padding:0 20px 18px;color:var(--text-secondary);line-height:2.1;font-size:14.5px}

.faq-empty{text-align:center;padding:50px 20px;color:var(--text-muted)}
.faq-empty .empty-emoji{font-size:48px;margin-bottom:12px}

/* فراخوان انتهای صفحه */
.page-cta{text-align:center;padding:34px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);margin-top:40px}
.page-cta p{color:var(--text-secondary);margin-bottom:14px}
.cta-btn{display:inline-block;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;text-decoration:none;padding:13px 28px;border-radius:12px;font-weight:600;transition:var(--transition)}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.35)}

/* نقشهٔ سایت */
.sm-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;margin-bottom:16px}
.sm-group h3{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px}
.sm-count{background:var(--bg-secondary);color:var(--text-muted);font-size:12px;padding:2px 10px;border-radius:100px;font-weight:400}
.sm-links{display:flex;flex-wrap:wrap;gap:8px}
.sm-links a{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:7px 13px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:var(--transition)}
.sm-links a:hover{border-color:var(--accent-blue);color:var(--text-primary)}
.sm-loading{text-align:center;padding:40px;color:var(--text-muted)}

@media(max-width:640px){
  .page-header h1{font-size:25px}
  .page-section h2{font-size:19px}
  .faq-item summary{font-size:14px;padding-left:40px}
}

/* ── صفحهٔ دربارهٔ ما ─────────────────────────────────────────── */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:18px}
.feature-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:22px 18px;text-align:center}
.feature-icon{font-size:38px;margin-bottom:12px}
.feature-item h3{font-size:15px;margin-bottom:7px}
.feature-item p{font-size:13px;color:var(--text-secondary);line-height:1.8}

.contact-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.contact-item{display:inline-flex;align-items:center;gap:8px;background:var(--bg-card);
  border:1px solid var(--border-color);border-radius:100px;padding:11px 20px;
  color:var(--text-primary);text-decoration:none;font-size:14px;transition:var(--transition)}
.contact-item:hover{border-color:var(--accent-blue);color:var(--accent-blue)}

/* ── صفحات حقوقی ─────────────────────────────────────────────── */
.legal-content{line-height:2.1}
.legal-content h2{font-size:19px;margin:24px 0 12px}
.legal-content h3{font-size:16px;margin:18px 0 8px}
.legal-content p{margin-bottom:14px;color:var(--text-secondary)}
.legal-content ul,.legal-content ol{padding-right:24px;margin-bottom:14px;color:var(--text-secondary)}
.legal-content li{margin-bottom:8px}

/* ── فوتر صفحات ──────────────────────────────────────────────── */
.page-footer{border-top:1px solid var(--border-color);margin-top:50px;padding:30px 0;text-align:center}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:16px}
.footer-nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition)}
.footer-nav a:hover{color:var(--accent-blue)}
.page-footer p{color:var(--text-muted);font-size:13px}