/* ==========================================================
   لایه‌ی یکدستی ظاهر سایت (بعد از CSS هر صفحه لود می‌شود)
   فقط ظاهر؛ هیچ منطقی را تغییر نمی‌دهد.
   ========================================================== */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums}
::selection{background:var(--accent,#c98a5a);color:#0a0a0a}
img{max-width:100%}
button,input,select,textarea{font-family:inherit}
button:disabled{opacity:.6;cursor:not-allowed}
a,button{-webkit-tap-highlight-color:transparent}

/* ---- فوکوس کیبورد (دسترسی‌پذیری) ---- */
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent,#c98a5a);outline-offset:3px;border-radius:4px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}

/* ---- کاهش حرکت برای کسانی که در سیستم‌شان خاموش کرده‌اند ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ---- آیکون‌های SVG (جایگزین ایموجی) ---- */
svg.ic{width:1.1em;height:1.1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;display:inline-block}
svg.ic.fill{fill:currentColor;stroke:none}
.icon>svg.ic,.ic-wrap>svg.ic,.cc-icon>svg.ic,div.ic>svg.ic{width:1em;height:1em;vertical-align:middle}
svg.ic-ok{color:#7ec77e}svg.ic-err{color:#e07a6a}svg.ic-warn{color:#e6c45a}svg.ic-acc{color:var(--accent,#c98a5a)}
svg.ic-flame{color:#ffd9a0}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- دیالوگ درون‌صفحه‌ای (جایگزین alert/confirm مرورگر) ---- */
.mm-ov{position:fixed;inset:0;z-index:100000;background:rgba(5,4,3,.78);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;animation:mmfade .18s ease}
.mm-dlg{background:var(--bg-2,#15130f);color:var(--ink,#f4f1ea);border:1px solid var(--line-2,rgba(244,241,234,.2));border-radius:16px;max-width:420px;width:100%;padding:28px 26px 22px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.6);font-family:var(--sans,inherit);animation:mmpop .2s ease}
.mm-dlg .mm-ic{font-size:34px;margin-bottom:10px;color:var(--accent,#c98a5a);line-height:1}
.mm-dlg .mm-msg{font-size:15px;line-height:2;white-space:pre-line;color:var(--ink-2,#d8d3c8);margin-bottom:22px}
.mm-dlg .mm-acts{display:flex;gap:10px;justify-content:center}
.mm-dlg button{flex:1;max-width:190px;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line-2,rgba(244,241,234,.2));background:transparent;color:var(--ink,#f4f1ea);transition:.2s}
.mm-dlg button:hover{border-color:var(--accent,#c98a5a);color:var(--accent,#c98a5a)}
.mm-dlg button.mm-ok{background:var(--accent,#c98a5a);color:#0a0a0a;border-color:var(--accent,#c98a5a)}
.mm-dlg button.mm-ok:hover{background:var(--accent-2,#a85a32);border-color:var(--accent-2,#a85a32);color:#fff}
@keyframes mmfade{from{opacity:0}}
@keyframes mmpop{from{opacity:0;transform:translateY(10px) scale(.97)}}

/* ---- اسکلت بارگذاری ---- */
.mm-sk{background:linear-gradient(90deg,rgba(244,241,234,.04) 0%,rgba(244,241,234,.10) 50%,rgba(244,241,234,.04) 100%);background-size:220% 100%;animation:mmsk 1.5s linear infinite;border-radius:10px}
@keyframes mmsk{from{background-position:120% 0}to{background-position:-120% 0}}
.mm-sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;width:100%}
.mm-sk-card{border:1px solid var(--line,rgba(244,241,234,.1));border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:250px}
.mm-sk-card .mm-sk:first-child{height:130px}.mm-sk-card .mm-sk:nth-child(2){height:16px;width:70%}.mm-sk-card .mm-sk:nth-child(3){height:12px;width:90%}.mm-sk-card .mm-sk:nth-child(4){height:12px;width:55%}
.mm-sk-line{height:14px;margin:10px auto}
.work-loading{padding:0!important;min-height:0!important;font-size:0!important;color:transparent!important;grid-column:1/-1}
.mm-sk-page{max-width:900px;margin:40px auto;padding:0 24px;display:flex;flex-direction:column;gap:16px}

/* ---- اعداد آمار صفحه‌ی اصلی: خوانا و هم‌وزن با متن ---- */
.stat .n,.stats .n,.hero-stat .n,.hero-trust-item .n{font-family:var(--sans,inherit)!important;font-weight:500!important;letter-spacing:0!important;font-variant-numeric:lining-nums}

/* ---- پیام فیلترشکن: نوار باریک بالای صفحه به‌جای پنجره‌ی روی هیرو ---- */
.vpn-popup{inset:84px 0 auto 0!important;height:auto;background:transparent!important;backdrop-filter:none!important;padding:12px!important;align-items:flex-start!important;pointer-events:none!important;transform:translateY(-120%);transition:transform .35s ease,opacity .3s ease!important}
.vpn-popup.show{transform:none;pointer-events:none!important}
body:has(.nav.menu-open) .vpn-popup{visibility:hidden!important;pointer-events:none!important}
body:has(.nav.menu-open) .vpn-popup *{pointer-events:none!important}
.vpn-popup:not(.show) .vpn-box{pointer-events:none!important;visibility:hidden}
.vpn-popup.show .vpn-box{pointer-events:auto}
.vpn-popup .vpn-box{max-width:760px!important;width:100%;display:flex;align-items:center;gap:14px;text-align:right!important;padding:12px 16px!important;border-radius:14px!important;box-shadow:0 12px 40px rgba(0,0,0,.55)!important}
.vpn-popup .vpn-box .icon{font-size:22px!important;margin:0!important;color:var(--accent,#c98a5a);flex:none}
.vpn-popup .vpn-box h3,.vpn-popup .vpn-box .hint{display:none!important}
.vpn-popup .vpn-box p{margin:0!important;font-size:13px!important;line-height:1.8;flex:1}
.vpn-popup .vpn-btn{padding:9px 18px!important;font-size:13px!important;white-space:nowrap;flex:none}
@media(max-width:560px){.vpn-popup .vpn-box{flex-wrap:wrap}.vpn-popup .vpn-btn{width:100%}}

/* ---- نماد اعتماد: فضای ثابت و ظاهر یکدست؛ اگر نیامد خودکار پنهان می‌شود ---- */
a[href*="trustseal"] img{min-height:70px;min-width:80px;background:#fff;border-radius:8px;padding:6px;color:transparent;font-size:0;object-fit:contain;display:block}
a[href*="trustseal"].mm-hide{display:none}

/* ---- صفحه‌ی دوره ---- */
.back-btn{display:flex!important;width:fit-content}
.hero-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.hero-badges .hero-discount-badge,.hero-badges .course-hero-tag{margin:0!important}
.hero-price-wrap{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:26px}
.hero-price-wrap .course-hero-price{margin:0!important;line-height:1.2}
.hero-price-wrap #heroOriginalPrice{margin:0!important}
.course-hero{min-height:320px}
.course-hero-content{padding-top:36px;padding-bottom:44px}
.course-body{padding-top:44px!important}
.cmeta{display:inline-flex;align-items:center;gap:7px}
#heroDiscountBadge svg.ic,.discount-banner svg.ic{color:#ffd9a0}
.enroll-btn,.sidebar-enroll{border:none!important;cursor:pointer;box-shadow:0 8px 24px rgba(201,138,90,.18);border-radius:10px!important}
.enroll-btn:active,.sidebar-enroll:active{transform:translateY(1px)}
.sidebar-card{border-radius:14px!important}
#buyBtn svg.ic,#heroEnroll svg.ic{margin-left:8px}
#promoBox a{display:inline-flex;align-items:center;gap:6px}

/* ---- داشبورد و ورود ---- */
.tab svg.ic{margin-left:6px}
.method-btn svg.ic{margin-left:6px}
.status svg.ic{margin-left:4px}
.empty .ic>svg.ic,.icon>svg.ic{width:1em;height:1em}
.empty .ic,.box .icon,.card .icon,.icon{color:var(--accent,#c98a5a)}
.empty .ic{font-size:44px}
.field-hint{color:var(--muted,#8f897e);font-size:12px}
input::placeholder,textarea::placeholder{opacity:.7}