/* Do not reserve permanent scrollbar space in the fixed shell; it leaves a visible
   gutter beside the navbar/content on pages that do not need page-level scroll. */
html {
  scrollbar-gutter: auto;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

/* Narrow viewports: slightly smaller type scale, reachable sidebar toggle, compact toolbar buttons. */

@media (max-width: 991.98px) {
  /*
   * Previously we used padding-left ~5.15rem so the navbar cleared a fixed brand strip.
   * With layout-fixed + drawer closed, the whole sidebar (and brand) is often off-screen
   * (margin-left -250px), so that padding only created an empty gap: burger + “Fahikari”
   * looked pushed right at 624px, 768px, etc.
   */
  .layout-navbar-fixed .wrapper .main-header > ul.navbar-nav:first-child {
    padding-left: 0.35rem;
  }
}

@media (max-width: 767.98px) {
  html {
    font-size: 15px;
  }

  .content-header h1 {
    font-size: 1.42rem;
  }

  .main-header.navbar .navbar-nav .nav-link {
    font-size: 1rem;
  }

  .main-header.navbar .navbar-nav.ml-auto > .nav-item > .nav-link.fh-navbar-user-trigger {
    font-size: 0.9rem;
  }

  .fh-navbar-user-trigger__icon-wrap {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.85rem;
  }

  .main-header .fh-navbar-breadcrumbs .breadcrumb {
    font-size: 1rem;
  }

  .fh-toolbar-action__icon {
    font-size: 1.1rem;
    line-height: 1;
  }

  .content .card-title {
    font-size: 1.08rem;
  }
}

@media (max-width: 575.98px) {
  html {
    font-size: 14px;
  }

  .content-header h1 {
    font-size: 1.28rem;
  }
}