/* =============================================
   Upgrade additions (2026-10): header menu on detail pages
   and small helpers. Kept separate so the original CSS stays untouched.
   ============================================= */

/* Header overlays the hero on project/blog detail pages */
.site-header--overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
}
.has-overlay-header .project-details__back-wrapper { top: 112px; }
.has-overlay-header .blog-hero__back-btn { top: 112px; }
.has-overlay-header .project-details__hero-wrapper { padding-top: 120px; }

/* Inner pages: hamburger lives inside .navbar__right (hidden on desktop by style.css) */
.project-card[data-href] { cursor: pointer; }

@media (max-width: 768px) {
  .navbar__right { grid-column: 2; justify-self: end; display: flex; align-items: center; gap: 12px; }
  .navbar__right .btn--nav { display: none; }
  .has-overlay-header .project-details__back-wrapper { top: 92px; }
  .has-overlay-header .blog-hero__back-btn { top: 92px; }
}
@media (max-width: 900px) {
  .has-overlay-header .project-details__hero-wrapper { padding-top: 150px; }
}

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}