/* Custom styles for AutoLifecycle site */

/* Sidebar styling */
.sidebar {
  width: 250px !important;
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  height: 100vh !important;
  overflow-y: auto !important;
}

/* Adjust main content to account for variable sidebar width */
.quarto-layout-content {
  margin-left: auto !important;
  padding-left: 20px !important;
}

/* Logo styling */
.navbar-brand img,
.navbar-logo img {
  height: 90px !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Logo styling for mobile */
@media (max-width: 991.98px) {
  .navbar-brand img,
  .navbar-logo img {
    height: 45px !important;
    width: auto !important;
    max-width: 100% !important;
  }
}

/* Ensure navbar autohide works on mobile */
@media (max-width: 991.98px) {
  .headroom-target,
  header.headroom {
    will-change: transform !important;
    transition: transform 200ms linear !important;
  }

  header.headroom--pinned {
    transform: translateY(0%) !important;
  }

  header.headroom--unpinned {
    transform: translateY(-100%) !important;
  }
}