/* ============================================================================
   NEBULA PRO — لایهٔ فونت فرم سفارش (nebula-orderform-fonts.css)
   ----------------------------------------------------------------------------
   مشکلِ واقعی: all.min.css (خطِ ۹ در common.tpl) فونت Estedad را با
   `font-family: Estedad !important` روی body,h1-h6,p,a,ul,li,input,button,
   select,option می‌نشاند؛ ولی nebula-orderform.css خطِ ۱۹ Vazirmatn را
   بدونِ !important اعلام می‌کند. نتیجه: تمامِ سبد خرید — حتی پاراگراف‌ها —
   با Estedad و در وزنِ پیش‌فرضِ آن (۹۰۰ Black) رندر می‌شد.

   این فایل فقط و فقط همان یک چیز را درست می‌کند:
     ۱) فونت Vazirmatn محلی‌سازی می‌شود (بدونِ وابستگی به شبکه)
     ۲) نقشِ نمایشی به Estedad، نقشِ متن/رابط به Vazirmatn
     ۳) وزن‌ها روی همان فهرستِ عناصر، با اختصاصیتِ بالاتر از all.min.css

   رنگ‌ها عمداً HEX ثابت هستند (همان قاعدهٔ nebula-orderform.css: روی
   سرورِ میزبان var() حل نمی‌شود).
   ترتيب بارگذاری: nebula-orderform.css  ←  این فایل
   بازگشت: حذفِ یک خطِ <link> در common.tpl + این فایل + Vazirmatn-VF.woff2
   ========================================================================== */

@font-face{
  font-family:'NBL UI';
  src:url('Vazirmatn-VF.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'NBL Display';
  src:url('Estedad-VF-FD.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}

/* ۱) همان فهرستِ عناصرِ all.min.css + چند عنصرِ جاافتاده، با یک کلاسِ
      اضافه روی بدنه (اختصاصیتِ بالاتر) و !important → جنگ تمام می‌شود.

      عمداً <i> <em> <span> <b> <strong> فهرست نشده‌اند: FontAwesome روی
      این تگ‌ها سوار می‌شود و در همین فرمِ سفارش، آیکنِ سبدخرید روی
      <b class="far fa-shopping-cart"> و <span class="far fa-shopping-cart">
      است (domainoptions.tpl). !important روی آن‌ها آیکن را به مربع
      تبدیل می‌کند. چون all.min.css این تگ‌ها را هدف نگرفته، از بدنه
      (Vazirmatn) ارث می‌برند — حذفشان برای متن چیزی کم نمی‌کند. */
body.nebula-body,
body.nebula-body input, body.nebula-body button, body.nebula-body select,
body.nebula-body option, body.nebula-body textarea, body.nebula-body label,
body.nebula-body legend, body.nebula-body output, body.nebula-body a,
body.nebula-body p, body.nebula-body ul, body.nebula-body ol, body.nebula-body li,
body.nebula-body h1, body.nebula-body h2, body.nebula-body h3,
body.nebula-body h4, body.nebula-body h5, body.nebula-body h6,
body.nebula-body td, body.nebula-body th, body.nebula-body tr, body.nebula-body table,
body.nebula-body div, body.nebula-body small, body.nebula-body caption{
  font-family:'NBL UI','Vazirmatn','Tahoma',sans-serif !important;
}

/* بدنه: متنِ خوانا با وزنِ ۴۰۰، نه Black */
body.nebula-body{
  font-family:'NBL UI','Vazirmatn','Tahoma',sans-serif !important;
  font-size:13.5px; line-height:1.8; font-weight:400;
  font-feature-settings:'ss02' 1;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* ۲) Estedad فقط برای نمایش: عنوان‌ها، نامِ محصول، قیمت، عددِ مراحل
      (هرچه «بزرگ» است). font-variation-settings روی «نمایشی» لازم است،
      چون پیش‌فرضِ فایل ۹۰۰ است و پیش‌فرضِ خوبِ آن همان Blackِ نمایشی است. */
body.nebula-body h1, body.nebula-body h2, body.nebula-body h3,
body.nebula-body .header-lined h1,
body.nebula-body .header-lined h2,
body.nebula-body .product-info .product-title,
body.nebula-body .order-summary h2,
body.nebula-body .neb-cart-topbar .neb-cart-brand,
body.nebula-body .domain-price .price,
body.nebula-body .domain-suggestion .price,
body.nebula-body .spotlight-tld .available.price,
body.nebula-body .featured-tld .price,
body.nebula-body .domain-pricing .tld-row strong{
  font-family:'NBL Display','Estedad','NBL UI','Tahoma',sans-serif !important;
  font-weight:800;
  font-variation-settings:'wght' 800;
  letter-spacing:0;
  text-wrap:balance;
}

/* عددها: هم‌عرض تا ستونِ قیمت‌ها تراز بماند */
body.nebula-body .domain-price .price,
body.nebula-body .domain-suggestion .price,
body.nebula-body .spotlight-tld .available.price,
body.nebula-body .featured-tld .price,
body.nebula-body .domain-pricing .tld-row strong,
body.nebula-body .neb-cart-steps .neb-step .n,
body.nebula-body table td, body.nebula-body table th,
body.nebula-body .subtotal, body.nebula-body .total-due-today{
  font-variant-numeric:tabular-nums;
}

/* ۳) وزن‌هایِ رابط: بوت‌استرپ روی بعضی عناصر bold/thin می‌گذارد؛
      اینجا هرچه «متن» است به ۴۰۰/۵۰۰/۶۰۰/۷۰۰ِ واقعی Vazirmatn برمی‌گردد */
body.nebula-body .text-muted, body.nebula-body small, body.nebula-body .small{font-weight:400;}
body.nebula-body label, body.nebula-body .control-label, body.nebula-body .neb-step{font-weight:600;}
body.nebula-body .btn, body.nebula-body button, body.nebula-body .form-control{font-weight:700;}
body.nebula-body .btn-primary, body.nebula-body .btn-add-to-cart{font-variation-settings:'wght' 700;}

/* ۴) فوکوسِ کیبورد — همان حلقهٔ بنفشِ پنل */
body.nebula-body a:focus-visible,
body.nebula-body button:focus-visible,
body.nebula-body .btn:focus-visible,
body.nebula-body .neb-step:focus-visible{
  outline:none; box-shadow:0 0 0 3px rgba(124,58,237,.28) !important; border-radius:8px;
}

@media (prefers-reduced-motion:reduce){
  body.nebula-body *, body.nebula-body *::before, body.nebula-body *::after{
    transition-duration:.001ms !important; animation-duration:.001ms !important;
  }
}