/* Active only on the default homepage. No global changes to other routes. */
body:has(.bbs-fullscreen-hero) { overflow: hidden !important; }
.bbs-fullscreen-hero {
  position: fixed;
  z-index: 2147483000;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #051b35;
  display: grid;
  place-items: center;
}
.bbs-fullscreen-hero__artwork {
  position: relative;
  width: min(100vw, calc(100dvh * 1672 / 941));
  aspect-ratio: 1672 / 941;
  max-height: 100dvh;
}
.bbs-fullscreen-hero__artwork img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Actual graphical CTA lives inside the illustration. Only its area is clickable. */
.bbs-fullscreen-hero__button-hotspot {
  position: absolute;
  left: 7.4%;
  top: 72.5%;
  width: 18.6%;
  height: 9%;
  z-index: 1;
  border-radius: 14px;
}
.bbs-fullscreen-hero__button-hotspot:focus-visible {
  outline: 4px solid #fff;
  outline-offset: 3px;
}
.bbs-fullscreen-hero__mobile-login { display: none; }
@media (max-width: 750px) {
  .bbs-fullscreen-hero__button-hotspot { display: none; }
  .bbs-fullscreen-hero__mobile-login {
    display: block;
    position: absolute;
    bottom: max(24px, env(safe-area-inset-bottom));
    left: 50%; transform: translateX(-50%);
    border-radius: 12px;
    background: #f3b34f; color: #081f38;
    font-weight: 800; padding: 14px 22px;
    white-space: nowrap; text-decoration: none;
    box-shadow: 0 2px 14px #0005;
  }
}

/* Hide Joomla frontend module edit controls ONLY while BBS fullscreen is shown.
   This does not change administrator permissions or hide editing elsewhere. */
body:has(.bbs-fullscreen-hero) .jmodedit,
body:has(.bbs-fullscreen-hero) a.jmodedit,
body:has(.bbs-fullscreen-hero) .btn.jmodedit,
body:has(.bbs-fullscreen-hero) joomla-edit-icon,
body:has(.bbs-fullscreen-hero) [data-joomla-edit-icon] {
  display: none !important;
  visibility: hidden !important;
}