/* ============================================================
   SZKIELET MOTYWÓW 7-EKRANOWYCH
   Wspólny dla wszystkich motywów tego typu (rose-garden,
   navy-velvet i kolejne). Pliki css/theme-*.css odpowiadają
   już tylko za wygląd — kolory, typografię, własne elementy.
   Ładowany PRZED plikami motywów.
   ============================================================ */

/* Motyw 7-ekranowy zastępuje klasyczny układ zaproszenia.
   Renderer ustawia body[data-layout] dla każdego takiego motywu —
   wcześniej ta reguła była przypięta do jednego motywu i przy drugim
   obie wersje strony renderowały się jedna pod drugą. */
body[data-layout] .invite-section,
body[data-layout] .theme-hero,
body[data-layout] .invite-footer { display: none !important; }

/* Wejście elementu w kadr. Klasę .in dodaje i zdejmuje
   IntersectionObserver w pages/zaproszenie.html (powtarzalnie). */
#rgScreens .rg-reveal        { opacity: 0; }
#rgScreens .rg-reveal.in     { animation: rg-rise 1s cubic-bezier(.22,1,.36,1) forwards; }
#rgScreens .rg-reveal.d1.in  { animation-delay: .12s; }
#rgScreens .rg-reveal.d2.in  { animation-delay: .24s; }
#rgScreens .rg-reveal.d3.in  { animation-delay: .36s; }
#rgScreens .rg-reveal.d4.in  { animation-delay: .48s; }

@media (prefers-reduced-motion: reduce) {
  #rgScreens .rg-reveal,
  #rgScreens .rg-reveal.in { opacity: 1; animation: none; transform: none; }
}