/* ===== یول آکادمی — فایل مشترک فونت و تم ===== */

/* تراز کردن (justify) تمام متن‌های محتوایی سایت */
p, li, dd, blockquote, td, th,
.desc, .description, .card p, .article-body, .article-body p,
.hero p, .feature-card p, .course-body p, .service-item p,
.entry-card p, .section-head p, .stat-item p{
  text-align:justify;
  text-justify:inter-word;
}

/* توجه: فونت گوگل (fonts.googleapis.com) برای بازدیدکننده‌های ایرانی بدون VPN گاهی لود نمی‌شه
   و باعث می‌شد نوشته‌ها به فونت عمومی مرورگر برگردن (که حروف فارسی مثل «ی» رو درست به هم نمی‌چسبونه).
   برای همین یک منبع دوم و مطمئن‌تر (jsDelivr، که آینه‌ی گیت‌هابه) هم اضافه شد که در هر صفحه هم لینک شده.
   فونت‌های Titr و Mitra قبلاً فقط با src:local() تعریف شده بودن یعنی فقط اگه خودِ فونت روی کامپیوتر
   بازدیدکننده نصب باشه کار می‌کرد که تقریباً هیچ‌وقت این‌طور نیست؛ حذف شدن و همه‌جا فقط از Vazirmatn استفاده می‌شه.*/
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --yol-font-body:'Vazirmatn',Tahoma,sans-serif;
  --yol-font-heading:'Vazirmatn',Tahoma,sans-serif;
  /* پالت شفاف/براق مشترک سایت — سبز پولداری، بنفش شفاف، طلایی شفاف، نقره‌ای شفاف */
  --money-green:#10B981;
  --money-green-2:#059669;
  --purple-glass:#8B5CF6;
  --purple-glass-2:#6D28D9;
  --gold-glass:#F5C542;
  --gold-glass-2:#D4A017;
  --silver-glass:#CBD5E1;
  --silver-glass-2:#94A3B8;
  --rose-glass:#EC4899;
  --rose-glass-2:#BE185D;
  --teal-glass:#14B8A6;
  --teal-glass-2:#0D9488;
  --blue-glass:#3B82F6;
  --blue-glass-2:#1D4ED8;
  /* رنگ متن معادلِ board/board-dark — چون board/board-dark در تم تاریک خودشون تیره می‌شن
     و اگر مستقیم برای رنگ نوشته استفاده بشن، نوشته روی پس‌زمینه‌ی تیره ناخوانا می‌شه.
     در تم روشن دقیقاً همون board/board-dark هستن، در تم تاریک به یک رنگ روشنِ خوانا تغییر می‌کنن. */
  --board-text: var(--board);
  --board-dark-text: var(--board-dark);
}

/* ================= کلاس‌های آماده‌ی شیشه‌ای/شفاف برای استفاده در کل سایت ================= */
.yol-glass-green{background:linear-gradient(135deg,rgba(16,185,129,.85),rgba(5,150,105,.9));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);}
.yol-glass-purple{background:linear-gradient(135deg,rgba(139,92,246,.85),rgba(109,40,217,.9));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);}
.yol-glass-gold{background:linear-gradient(135deg,rgba(245,197,66,.85),rgba(212,160,23,.9));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);}
.yol-glass-silver{background:linear-gradient(135deg,rgba(203,213,225,.8),rgba(148,163,184,.88));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#1E293B;}

/* اعمال انسجام فونت روی کل سایت، مگر جایی که صریحاً override شده */
body{font-family:var(--yol-font-body);}
h1,h2,h3,h4,h5,h6,.heading,header h1,.hero h1,.hero h2{font-family:var(--yol-font-heading);}

/* ================= حالت تاریک ================= */
html[data-theme="dark"]{
  --board:#0D1B33;
  --board-dark:#060E1D;
  --chalk:#F2F5FA;
  --ink:#E7ECF5;
  --ink-soft:#AEB9CC;
  --paper:#131E33;
  --paper-soft:#0C1526;
  --pen-red:#E17E68;
  --line:#233150;
  --green:#10B981;
  --board-text: var(--accent, #7FB8EA);
  --board-dark-text: var(--accent, #7FB8EA);
}
html[data-theme="dark"] body{background:var(--paper-soft);color:var(--ink);}
html[data-theme="dark"] .card,
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:var(--paper);color:var(--ink);border-color:var(--line);}
html[data-theme="dark"] a{color:inherit;}

/* ================= دکمه تغییر تم ================= */
.yol-theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(242,245,250,.15);border:none;cursor:pointer;
  font-size:17px;line-height:1;color:inherit;
  transition:background .2s;
}
.yol-theme-toggle:hover{background:rgba(242,245,250,.28);}

/* ================= ساعت و تاریخ هدر (داخل پنل‌ها) ================= */
.yol-header-clock{
  font-size:12.5px;color:rgba(242,245,250,.85);
  display:flex;flex-direction:column;align-items:flex-end;gap:1px;
  font-family:var(--yol-font-body);
}
.yol-header-clock b{font-weight:700;font-size:13px;}

/* ================= نوار ساعت بالای صفحات عمومی (یکسان در کل سایت) ================= */
/* در RTL با justify-content:flex-end ساعت در گوشه چپ صفحه قرار می‌گیرد — مثل صفحه اصلی */
.mini-clock-bar{
  background:var(--board-dark,#0D1F3E) !important;
  color:rgba(242,245,250,.75) !important;
  font-size:11px !important;
  padding:5px 16px !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  position:relative;
  z-index:50;
  font-family:var(--yol-font-body),'Vazirmatn',Tahoma,sans-serif;
  line-height:1.4;
}
.mini-clock-bar b{
  color:var(--chalk-yellow,#F5C542) !important;
  font-weight:700 !important;
  font-size:11px !important;
}
.mini-clock-bar span{
  font-size:11px !important;
  color:rgba(242,245,250,.75) !important;
}

/* ================= لوگو و شعار هدر پنل‌ها ================= */
.yol-header-brand{display:flex;align-items:center;gap:10px;}
.yol-header-brand img{width:38px;height:38px;border-radius:9px;object-fit:cover;}
.yol-header-brand .yol-brand-text{display:flex;flex-direction:column;line-height:1.35;}
.yol-header-brand .yol-brand-text b{font-size:15px;font-weight:800;}
.yol-header-brand .yol-brand-text span{font-size:11px;color:rgba(242,245,250,.75);}

/* ================= فوتر مشترک ================= */
.yol-common-footer{
  position:relative;overflow:hidden;
  background:var(--board-dark,#0D1F3E);
  color:rgba(242,245,250,.75);
  padding:48px 24px 26px;text-align:center;font-size:13px;
}
.yol-common-footer::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23D4AF37' stroke-width='1.4'%3E%3Cpath d='M0 150 Q55 20 110 150 T220 150'/%3E%3Cpath d='M0 190 Q55 90 110 190 T220 190'/%3E%3Ctext x='10' y='40' font-size='26' fill='%23D4AF37' stroke='none' font-family='serif'%3E%E2%88%91%3C/text%3E%3Ctext x='120' y='60' font-size='24' fill='%23D4AF37' stroke='none' font-family='serif'%3E%E2%88%AB%3C/text%3E%3Ctext x='60' y='95' font-size='22' fill='%23D4AF37' stroke='none' font-family='serif'%3E%CF%80%3C/text%3E%3Ccircle cx='180' cy='40' r='16'/%3E%3Cline x1='0' y1='0' x2='220' y2='220' stroke-dasharray='3 6'/%3E%3C/g%3E%3C/svg%3E");
  background-size:220px 220px;background-repeat:repeat;
}
.yol-common-footer .yol-footer-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;}
.yol-common-footer .yol-footer-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;margin:0 auto 12px;display:block;}
.yol-common-footer h4{color:#F2F5FA;font-size:16px;font-weight:800;margin-bottom:8px;font-family:var(--yol-font-heading);}
.yol-common-footer p.yol-footer-desc{max-width:520px;margin:0 auto 18px;line-height:1.9;color:rgba(242,245,250,.65);}
.yol-common-footer .yol-footer-social{display:flex;justify-content:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.yol-common-footer .yol-footer-social a{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(242,245,250,.08);padding:9px 16px;border-radius:100px;
  color:#F2F5FA;font-size:12.5px;font-weight:600;border:1px solid rgba(242,245,250,.15);
}
.yol-common-footer .yol-footer-social a:hover{background:linear-gradient(135deg,rgba(245,197,66,.22),rgba(212,160,23,.28));border-color:var(--gold-glass,#F5C542);}
.yol-common-footer .yol-footer-bottom{border-top:1px solid rgba(242,245,250,.12);padding-top:16px;font-size:12px;color:rgba(242,245,250,.5);}