/* Hide the empty footer meta bar (copyright/generator/social row) */
.md-footer-meta {
  display: none;
}

/* Home page hero: robot image filling the viewport behind the welcome message.
   Uses in-flow relative/absolute positioning (not `fixed`) since fixed
   positioning combined with 100vh is unreliable on mobile Safari/iPadOS.
   Height is reduced by the header's in-flow space (3rem) so the hero plus
   header exactly fill the viewport instead of forcing a scroll. */
.hero {
  position: relative;
  min-height: calc(100vh - 3rem);
  min-height: calc(100dvh - 3rem);
  overflow: hidden;
}

/* On wide viewports the tabs bar also occupies in-flow space above the hero */
@media screen and (min-width: 76.25em) {
  .hero {
    min-height: calc(100vh - 6rem);
    min-height: calc(100dvh - 6rem);
  }
}

.hero-robot {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("../assets/logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.12;
}

.hero-message {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem; /* Specify 'bottom' to position at bottom */
  right: 1.5rem;
  max-width: 32rem;
  z-index: 1;
}

/* Suppress the sticky header's page-title line ("Home") on the hero page */
body:has(.hero-robot) [data-md-component="header-topic"] {
  display: none;
}