/*
Theme Name: Liberda Executive Mentoring
Theme URI: https://mentoring.liberda.pl
Author: Liberda
Description: Custom theme — port 1:1 z liberda-executive-mentoring React SPA. Edytowalne sekcje przez ACF.
Version: 0.1.1
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: liberda-mentoring
*/

/* Wizualia sa w Tailwind (browser build v4, konfiguracja @theme w header.php).
 * Tu tylko baseline + system animacji zastepujacy framer-motion. */

/* @layer base — inaczej te reguly (niewarstwowane) wygrywalyby z utility
 * Tailwinda (np. a{color:inherit} nadpisywalo text-cream na przyciskach). */
@layer base {
  body { background: #F9F8F5; color: #1A1A1A; }
  a { color: inherit; }
}

/* === Animacje (odpowiednik Reveal / MaskText z Reacta) ===
 * .lm-reveal          — fade + translateY(24px), wyzwalany scrollem (IntersectionObserver)
 * .lm-reveal.lm-mount — animowany od razu po zaladowaniu (hero)
 * zmienne: --lm-y (dystans), --lm-delay (opoznienie)
 * .lm-mask            — kontener linii tytulu; linie wyjezdzaja spod maski kaskadowo
 */
.lm-reveal {
  opacity: 0;
  transform: translateY(var(--lm-y, 24px));
  transition:
    opacity .7s cubic-bezier(.22, 1, .36, 1),
    transform .7s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--lm-delay, 0s);
  will-change: opacity, transform;
}
.lm-reveal.lm-in { opacity: 1; transform: none; }

.lm-mask-line-wrap {
  display: block;
  overflow: hidden;
  padding-bottom: .12em;
  margin-bottom: -.12em;
}
.lm-mask-line {
  display: block;
  transform: translateY(110%);
  transition: transform .9s cubic-bezier(.25, 1, .5, 1);
  transition-delay: var(--lm-delay, 0s);
  will-change: transform;
}
.lm-mask.lm-in .lm-mask-line { transform: translateY(0); }

/* Bez JS (albo z wylaczonym) wszystko ma byc widoczne */
html.no-js .lm-reveal, html.no-js .lm-mask-line { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .lm-reveal, .lm-mask-line { transition: none !important; opacity: 1 !important; transform: none !important; }
}