/* ===== Mac Install Guide: home.css (landing page) ===== */
@import url("https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/themes/light.css");

/* Hero image utility (kept from your original) */
.author-bg-image {
  background-image: url("/assets/images/home/author-bg-image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #999;
}

/* ---- Layout guards ------------------------------------------------------ */

/* Keep hero from overlapping the navbar. Only lift on wide screens. */
.hero-body {
  margin-top: 0;
}
@media (min-width: 1024px) {
  .hero-body {
    margin-top: -6rem;
  }
}

/* Always keep navbar clickable above page content */
header,
header .navbar {
  position: relative;
  z-index: 1000;
}

/* ---- Navbar sizing & custom breakpoint ---------------------------------- */

/* Slightly smaller navbar items so more fit per row */
header .navbar-menu .navbar-item {
  font-size: 0.9rem;
  padding: 0.5rem 0.6rem;
  font-weight: 500;
}

/* >= 640px: show full menu; hide burger; allow wrapping if needed */
@media (min-width: 640px) {
  header .navbar-burger {
    display: none !important;
  }
  header .navbar-menu {
    display: flex !important;
  }
  header .navbar-menu .navbar-end {
    flex-wrap: wrap; /* wrap to 2 rows if necessary */
    justify-content: flex-end;
    gap: 0.25rem 0.5rem;
  }
}

/* < 640px: standard Bulma-style collapse controlled by .is-active */
@media (max-width: 639px) {
  header .navbar-burger {
    display: block !important;
  }
  header .navbar-menu {
    display: none;
  }
  header .navbar-menu.is-active {
    display: block !important;
  }
}