/* ==========================================================================
   Klasy używane wyłącznie przez skrypty (resources/ts/*.ts)
   --------------------------------------------------------------------------
   UnoCSS skanuje pliki *.php i *.tsx, ale NIE zwykłe *.ts, więc utility
   dopisywane z JavaScriptu nigdy nie trafiały do wygenerowanego arkusza.
   Ten plik ładowany jest bezpośrednio (bez builda) i uzupełnia braki.
   Patrz też uno.config.ts -> content.pipeline.include.
   ========================================================================== */

.pointer-events-none {
  pointer-events: none;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.max-h-screen {
  max-height: 100vh;
}

.z-0 {
  z-index: 0;
}

.text-red-600\/50 {
  color: rgb(220 38 38 / 50%);
}

/* ==========================================================================
   Animowane napisy polsko-japońskie w tle sekcji
   ========================================================================== */

.background-text-animation-container {
  overflow: hidden;
  pointer-events: none;
}

/* Czerwone, a nie białe — na ciemnym tle biel zlewała się z treścią sekcji. */
.background-text-animation-container span {
  color: rgb(220 38 38 / 50%);
  white-space: nowrap;
}

/* Na telefonie 150px/300px z JS-a jest zdecydowanie za dużo — skalujemy
   rozmiar do szerokości ekranu (inline style z GSAP-a wymaga !important). */
@media (max-width: 767px) {
  .background-text-animation-container span {
    font-size: 20vw !important;
  }

  .background-text-animation-container span.font-japanese {
    font-size: 38vw !important;
  }
}