/* Moji Scroll Title V7.2 — omnaro.de | Firefox-optimiert */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;800;900&display=swap');

html, body { overflow-x: hidden !important; }

.moji-scroll-anchor-v7 {
  position: relative !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  width: 100% !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.moji-scroll-text-v7 {
  position: absolute !important;
  left: 0 !important;
  top: var(--moji-top, -20px) !important;
  width: 100vw !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  z-index: var(--moji-z, 99) !important;
  pointer-events: none !important;
  /* translate3d statt translateX+translateY — erzwingt GPU-Layer in Firefox */
  transform: translate3d(50vw,-50%,0);
  opacity: 0;
  will-change: transform, opacity;
  /* Eigene Compositor-Ebene — Firefox rendert nicht mit dem Rest neu */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

.moji-scroll-text-v7 span {
  display: block !important;
  white-space: nowrap !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: var(--moji-size, 180px) !important;
  font-weight: var(--moji-weight, 800) !important;
  line-height: 1 !important;
  letter-spacing: var(--moji-ls, -1px) !important;
  text-transform: uppercase !important;
  font-style: italic !important;
  color: var(--moji-fill, transparent) !important;
  -webkit-text-fill-color: var(--moji-fill, transparent) !important;
  -webkit-text-stroke: var(--moji-stroke, 3.5px) var(--moji-color, #2698B1) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  overflow: visible !important;
  /* GPU-Beschleunigung für Text-Rendering in Firefox */
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.moji-scroll-text-v7.moji-no-italic span {
  font-style: normal !important;
}

/* ── MOBILE ── */
@media (max-width: 768px) {
  .moji-scroll-text-v7 {
    top: var(--moji-mobile-top, -18px) !important;
    width: 100vw !important;
    left: 0 !important;
    justify-content: center !important;
  }

  .moji-scroll-text-v7 span {
    font-size: var(--moji-mobile-size, 58px) !important;
    font-weight: 900 !important;
    letter-spacing: var(--moji-mobile-ls, -1px) !important;
    color: var(--moji-color, #2698B1) !important;
    -webkit-text-fill-color: var(--moji-color, #2698B1) !important;
    /* Kein text-stroke auf Mobile — spart massiv CPU in Firefox */
    -webkit-text-stroke: 0px transparent !important;
    transform: scaleY(var(--moji-scale-y, 1.2)) scaleX(var(--moji-scale-x, 1)) translateZ(0) !important;
    transform-origin: center center !important;
    padding: 4px 8px !important;
    max-width: 95vw !important;
    overflow: visible !important;
  }
}