/* Template files under wwwroot/theme must not be edited; place all custom overrides here. */

@media (max-width: 767.98px) {
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive > .table > thead > tr > th:first-child,
  .table-responsive > .table > tbody > tr > td:first-child,
  .table-responsive > .table > tbody > tr > th:first-child,
  .table-responsive > .table > tfoot > tr > td:first-child,
  .table-responsive > .table > tfoot > tr > th:first-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: var(--bs-card-bg, #fff);
  }

  .table-responsive > .table > thead > tr > th:first-child {
    z-index: 3;
  }

  /* Page tabs (e.g. the person profile) wrap instead of scrolling: a hidden last tab gave no hint it existed. */
  .nav-tabs {
    flex-wrap: wrap;
    overflow-x: visible;
  }

  .nav-tabs .nav-link {
    padding-inline: 0.75rem;
  }

  /* Toasts at the bottom on phones, so they do not cover the menu button in the navbar. */
  .toast-container.top-0 {
    top: auto !important;
    bottom: 0 !important;
  }
}

/* Keys, codes and IDs in <code>: the Persian UI font draws digits as Persian (۳), which breaks typing a
   2FA key or recovery code by hand; a monospace font keeps them Latin and easy to read. */
code,
kbd,
samp,
pre {
  /* !important: theme/vendor/fonts/IRANSans.css sets `* { font-family: IRANSans !important }`. */
  font-family: ui-monospace, Consolas, "Courier New", monospace !important;
}