/* v23.14: پوستهٔ مشترک صفحات جانبی (راهنما، آموزشگاه، بلاگ، درباره، حریم خصوصی)
   کلاس‌ها با پیشوند sp- تا با استایل‌های داخلی هر صفحه تعارض نکند. */

.sp-skip { position:absolute; right:-9999px; }
.sp-header { background:rgba(255,255,255,.93); backdrop-filter:blur(12px); border-bottom:1px solid #e6ebf2; position:sticky; top:0; z-index:80; }
.sp-header-in { max-width:1080px; margin:0 auto; padding:11px 18px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sp-logo { display:inline-flex; align-items:center; flex-shrink:0; }
.sp-logo img { height:33px; width:auto; display:block; }
.sp-nav { display:flex; align-items:center; gap:7px; flex-wrap:nowrap; }
.sp-btn { padding:7px 13px; border-radius:9px; font-size:11px; font-weight:700; text-decoration:none; border:1.5px solid #dbe3ee; color:#334155; background:#fff; white-space:nowrap; font-family:inherit; }
.sp-btn:hover { border-color:#0d9488; color:#0f766e; }
.sp-btn.sp-cta { background:linear-gradient(135deg,#10b981,#059669); color:#fff; border:none; }
.sp-lang-host { display:inline-flex; }
.sp-lang-host .i18n-switcher { display:inline-flex; gap:3px; background:#f1f5f9; border:1px solid #dbe3ee; border-radius:999px; padding:3px; }
.sp-lang-host .i18n-lang-btn { border:none; background:transparent; padding:4px 11px; border-radius:999px; font-size:10px; font-weight:800; cursor:pointer; color:#475569; font-family:inherit; }
.sp-lang-host .i18n-lang-btn.active { background:#0f766e; color:#fff; }

.sp-footer { background:#0f172a; color:#94a3b8; padding:28px 18px 22px; text-align:center; font-size:11px; margin-top:40px; }
.sp-footer .sp-flinks { display:flex; flex-wrap:wrap; gap:6px 14px; justify-content:center; margin-bottom:14px; }
.sp-footer .sp-flinks a { color:#cbd5e1; text-decoration:none; font-weight:600; }
.sp-footer .sp-flinks a:hover { color:#5eead4; }
.sp-footer .sp-fsocial { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:14px; }
.sp-footer .sp-fsocial a { color:#cbd5e1; text-decoration:none; padding:6px 12px; border:1px solid #1e293b; border-radius:999px; font-size:10.5px; display:inline-flex; align-items:center; gap:6px; }
.sp-footer .sp-fsocial a:hover { border-color:#0d9488; color:#5eead4; }
.sp-footer .sp-copy { opacity:.65; line-height:2; }
.sp-footer .sp-copy a { color:#cbd5e1; text-decoration:none; }

/* موبایل: لینک‌های میانی حذف، لوگو + سوئیچر + دکمهٔ اصلی در یک ردیف */
@media (max-width:720px) {
    .sp-header-in { flex-wrap:nowrap; gap:8px; padding:10px 14px; }
    .sp-logo img { height:28px; }
    .sp-nav { gap:6px; }
    .sp-nav .sp-btn:not(.sp-cta) { display:none; }
    .sp-btn { padding:6px 11px; font-size:10px; }
    .sp-lang-host .i18n-lang-btn { padding:3px 8px; font-size:9px; }
    .sp-footer { padding:22px 14px 18px; }
}

/* انگلیسی/چپ‌چین */
html[dir="ltr"] .sp-header-in { direction:ltr; }
html[dir="ltr"] .sp-footer { direction:ltr; }