@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Roman.woff2') format('woff2'),
       url('../fonts/Avenir-Roman.woff') format('woff');
  
}
/* تعریف فونت */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* استفاده از فونت برای تمام سایت */
body {
  font-family: 'Inter Variable', sans-serif;
}

/* ===== Mobile Right Drawer Menu ===== */
#mobileNav{
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 50%;      
      border-radius: 100px 0px 0px 1000%;
      color: white;
      /* اگر می‌خوای کل صفحه رو بگیره */
  /* width: 85vw; */      /* اگر می‌خوای فقط سمت راست (مثلا 85% عرض) */
  z-index: 9999;

  /* ظاهر */
  background: rgba(10, 31, 68, 0.98);
  backdrop-filter: blur(8px);

  /* اسلاید */
  transform: translateX(100%);
  transition: transform 300ms ease;

  /* داخلش */
  padding: 90px 20px 20px;  /* جا برای هدر */
}

/* وقتی باز است */
#mobileNav.is-open{
  transform: translateX(0);
}

/* اگر قبلا d-none بود، نباید display:none شود */
#mobileNav.d-none{
  display: block !important;
}