/* css styles */

/* Make navbar logo larger */
.navbar-logo {
  max-height: 60px;
}

/* Mobile navbar: brand left, hamburger right, smaller logo */
@media (max-width: 991.98px) {
  /* Force flex layout with space between */
  .navbar .container-fluid {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap;
  }

  /* Brand (logo + title) on the left */
  .navbar-brand {
    order: 1 !important;
    margin-right: auto !important;
    display: flex;
    align-items: center;
  }

  /* Make the logo smaller on mobile */
  .navbar-brand .navbar-logo {
    height: 34px !important;   /* adjust to taste */
    width: auto !important;
    margin-right: 0.2rem;
  }

  /* Hamburger (toggler) on the right */
  .navbar-toggler {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  /* Menu drops below */
  .navbar-collapse {
    order: 3 !important;
    width: 100%;
  }
}


/* Hide the title block */
#title-block-header {
  display: none !important;
}

/* Remove extra space above the first heading/content */
#quarto-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If there's still a gap before your first h1, remove its default margin */
#quarto-content h1:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Make the collapsed sidebar taller on mobile - and remove hamburger */
@media (max-width: 991.98px) {
  nav.quarto-secondary-nav {
    min-height: 40px !important;
    padding-block: 0.4rem !important;
  }
  
  .navbar .navbar-toggler {
    display: none !important;
  }
}