/* The ONLY custom CSS — required to register the Vazir font (unavoidable for a
   custom font) plus a couple of Alpine display helpers. All other styling is
   pure Bootstrap 5 RTL utility classes, per the user's "no custom CSS" request. */

:root {
  --bs-body-font-family: "Vazirmatn", Tahoma, sans-serif;
}

body {
  font-family: "Vazirmatn", Tahoma, sans-serif;
}

/* Alpine cloak — hide un-initialized template flashes */
[x-cloak] { display: none !important; }

/* Layout: fixed sidebar on desktop, offcanvas on mobile.
   These few rules position the Bootstrap offcanvas as a static sidebar on
   large screens — a layout concern Bootstrap alone can't fully express. */
@media (min-width: 992px) {
  #sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: none !important;
    visibility: visible !important;
    z-index: 1030;
  }
  html[dir="ltr"] #sidebar { right: auto; left: 0; }
  .crm-main { margin-right: 250px; }
  html[dir="ltr"] .crm-main { margin-right: 0; margin-left: 250px; }
}

/* Print: only the invoice preview area on window.print() */
@media print {
  body * { visibility: hidden; }
  #printArea, #printArea * { visibility: visible; }
  #printArea { position: absolute; top: 0; right: 0; left: 0; box-shadow: none; }
  .modal-footer, .btn-close { display: none !important; }
}
</parameter>
</invoke>