/* ============ فوتر — یکدست در همه‌ی صفحات: شب=مشکی با نقشه، روز=سرمه‌ای ============
   پیش‌فرض (بدون data-theme یا data-theme="dark") = حالت شب. theme.js روی
   <html> اتریبیوت data-theme="light" می‌گذارد که پایین همین فایل override می‌شود.
   عمداً همه‌چیز اینجا مستقیم رنگ می‌گیرد (نه از var(--primary) هر صفحه) تا صفحاتی
   که --primary خودشان را جدا/متفاوت تعریف کرده‌اند هم فوتر یکسان داشته باشند. */
footer { background:var(--c-black,#000000); color:var(--c-sky-14,#60a5fa); padding:56px 60px 24px; position:relative; overflow:hidden; transition:background .25s ease, color .25s ease; }
/* نقشه: کوچک‌تر از قبل (۷۲٪ عرض)، کم‌رنگ‌تر، خطوط نازک‌تر (داخل خود فایل)،
   و محو گرادینتی از گوشه‌ها — هم داخل PNG و هم با ماسک CSS برای اطمینان. */
footer::before {
  content:''; position:absolute; inset:0;
  background-image:url('img/footer-map.png');
  background-size:83% auto; background-position:center; background-repeat:no-repeat;
  opacity:0.28;
  filter:brightness(0) invert(1);
  transform:rotate(180deg);
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, var(--c-black,#000) 45%, transparent 78%);
  mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, var(--c-black,#000) 45%, transparent 78%);
  pointer-events:none; z-index:0;
}
footer > * { position:relative; z-index:1; }
.footer-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:36px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,0.15); }
/* کادر شیشه‌ای دور هر ستون لینک: بلور کم (نقشه زیرش خوب دیده شود) —
   ۱۴۰۵/۵/۲۵ نصف شد (۰.۵px → ۰.۲۵px)؛ ۱۴۰۵/۵/۲۸ دوباره نصف شد (۰.۲۵px → ۰.۱۲۵px)
   و پدینگ کادرها هم کم شد تا نقش سفیدِ زیرشان بیشتر دیده شود. */
.footer-col {
  background:rgba(0,0,0,0.5);
  border:1px solid rgba(125,187,255,0.28);
  border-radius:14px;
  padding:14px 12px;
  backdrop-filter:blur(0.125px);
  -webkit-backdrop-filter:blur(0.125px);
  transition:border-color .25s ease, background .25s ease;
}
.footer-col:hover { border-color:rgba(125,187,255,0.6); background:rgba(0,0,0,0.58); }
.footer-col h4 {
  position:relative;
  font-size:23px; font-weight:900; margin-bottom:20px; padding-bottom:14px; color:#8FCBFF;
  text-shadow:0 0 14px rgba(96,165,250,0.35);
}
/* خط نوری زیر سرتیتر دسته — از جلو (راستِ متن، چون RTL) روشن شروع می‌شود و به سمت وسط محو می‌شود */
.footer-col h4::after {
  content:''; position:absolute; right:0; bottom:0; height:2px; width:70%;
  background:linear-gradient(to left, var(--c-sky-13,#7dbbff), rgba(125,187,255,0.65) 40%, transparent 100%);
  box-shadow:0 0 8px rgba(125,187,255,0.7);
}
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:12px; }
.footer-col ul li a { color:#9FD3FF; text-decoration:none; font-size:16.5px; font-weight:900; transition:color .2s ease, text-shadow .2s ease; }
.footer-col ul li a:hover { color:var(--c-white,#ffffff); text-shadow:0 0 10px rgba(159,211,255,0.8); }
.footer-bottom { text-align:center; font-size:15px; font-weight:800; color:var(--c-sky-13,#7dbbff); }
.trust-card { position:absolute; bottom:40px; left:60px; width:232px; height:232px; display:flex; align-items:center; justify-content:center; z-index:2; }
.trust-card img { width:100%; height:100%; object-fit:contain; }

/* ============ حالت روز — سرمه‌ای به‌جای مشکی ============ */
html[data-theme="light"] footer { background:var(--c-sky-30,#0f4c81); color:#EAF2FF; }
html[data-theme="light"] footer::before { opacity:0.16; }
html[data-theme="light"] .footer-grid { border-bottom-color:rgba(255,255,255,0.22); }
html[data-theme="light"] .footer-col { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.3); }
html[data-theme="light"] .footer-col:hover { background:rgba(255,255,255,0.14); border-color:rgba(255,255,255,0.55); }
html[data-theme="light"] .footer-col h4 { color:var(--c-white,#ffffff); text-shadow:none; }
html[data-theme="light"] .footer-col h4::after { background:linear-gradient(to left, var(--c-white,#ffffff), rgba(255,255,255,0.65) 40%, transparent 100%); box-shadow:0 0 8px rgba(255,255,255,0.5); }
html[data-theme="light"] .footer-col ul li a { color:rgba(255,255,255,0.88); }
html[data-theme="light"] .footer-col ul li a:hover { color:var(--c-white,#ffffff); text-shadow:0 0 10px rgba(255,255,255,0.6); }
html[data-theme="light"] .footer-bottom { color:rgba(255,255,255,0.85); }

@media (max-width:768px) {
  .footer-grid { grid-template-columns:repeat(2,1fr); gap:16px; }
  footer { padding:40px 24px 20px; }
  footer::before { background-size:150% auto; }
  .trust-card { left:20px; bottom:32px; width:160px; height:160px; }
  .footer-bottom { padding-left:180px; }
}
@media (max-width:480px) {
  .footer-grid { grid-template-columns:1fr; }
}
html.is-app footer{display:none !important;}