/* ============================================================
   🌐 سازگاری با همه مرورگرها — دارالترجمه رسا
   ------------------------------------------------------------
   Fallback برای مرورگرهای قدیمی/محدود:
   • Safari قدیمی (بدون backdrop-filter) → پس‌زمینه معمولی
   • مرورگرهای بدون clamp() → اندازه ثابت
   • بدون content-visibility → رندر عادی
   • بدون env(safe-area) → padding معمولی
   • بدون :has و gap در flex قدیمی → جایگزین
   ============================================================ */

/* ---------- backdrop-filter: بدون آن، بلور حذف و پس‌زمینه پررنگ‌تر می‌شود ---------- */
@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))) {
  nav.scrolled{background:rgba(10,15,30,.97)}
  .menu{background:rgba(10,15,30,.99)}
  .btn-ghost,.glass,.article,.chat-widget,.chat-fab,.hero-modern,.hm-glass,.float-card{backdrop-filter:none;-webkit-backdrop-filter:none}
  .card{background:rgba(20,28,58,.97)}
}

/* ---------- -webkit- برای Safari/Chrome قدیمی ---------- */
@supports ((-webkit-backdrop-filter: blur(4px)) or (backdrop-filter: blur(4px))) {
  .glass,.article,.chat-widget,.hero-modern,.hm-glass,.float-card,.nav.scrolled{
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}

/* ---------- clamp(): fallback با اندازه ثابت ---------- */
.hero h1{font-size:2.1rem}
.hero-on-bg h1{font-size:2.4rem}
.banner-cap h3{font-size:1.7rem}
.sec-head h2{font-size:1.6rem}
.page-title{font-size:2.1rem}

/* ---------- content-visibility: اگر پشتیبانی نشود عادی رندر می‌شود ---------- */
section,footer{content-visibility:auto;contain-intrinsic-size:auto 600px}

/* ---------- env(safe-area): بدون پشتیبانی padding عادی ---------- */
@supports not (padding: env(safe-area-inset-top)) {
  .menu{padding-top:74px;padding-bottom:40px}
}

/* ---------- gap در flex قدیمی (Safari 14-) ---------- */
.nav-in{gap:26px}
.menu{gap:6px}
.hero-actions{gap:14px}
.stats,.steps{gap:14px}
.socials{gap:10px}
.cta-actions{gap:10px}
@supports not (gap: 10px) {
  .nav-in > *{margin-left:13px}
  .menu > *{margin-left:3px}
  .hero-actions > *{margin-left:7px}
  .stats > *,.steps > *{margin-left:7px}
  .socials > *{margin-left:5px}
  .cta-actions > *{margin-left:5px}
}

/* ---------- aspect-ratio (تصاویر) ---------- */
.banner-slides{height:420px}
.banner-slides img{height:420px;object-fit:cover}

/* ---------- object-fit: fallback ---------- */
@supports not (object-fit: cover) {
  .banner-slide img,.hero-bg,.logo img,.blog-card .thumb{height:auto;min-height:150px}
}

/* ---------- scroll-behavior smooth ---------- */
html{scroll-behavior:smooth}

/* ---------- 100vh fallback (موبایلهای قدیمی) ---------- */
.hero-modern{min-height:520px}
.chat-widget{max-height:460px}
@media(max-width:640px){
  @supports (height: 100dvh) { .menu{height:100dvh} }
}

/* ---------- نمایش اعداد فارسی در همه مرورگرها ---------- */
.stat .num{font-variant-numeric:tabular-nums}