/* Ruch: wjazdy „back in” (jak w starej stronie na Bricksie, tylko płynniej),
   pisanie nagłówków z kursorem, najazd na zdjęcie w hero, ukośne krawędzie sekcji.
   Stany ukryte działają tylko z klasą html.dj-ruch (dodaje ją efekty.js) — bez JS wszystko widać. */

/* ---------- wjazdy ---------- */
html.dj-ruch .dj-wjazd {
	opacity: 0;
	transition: opacity .7s ease, transform .9s cubic-bezier(.34, 1.45, .64, 1);
	transition-delay: var(--dj-opoznienie, 0ms);
}
html.dj-ruch .dj-wjazd--lewo { transform: translateX(-90px) scale(.86); }
html.dj-ruch .dj-wjazd--prawo { transform: translateX(90px) scale(.86); }
html.dj-ruch .dj-wjazd--dol { transform: translateY(60px) scale(.94); }
html.dj-ruch .dj-wjazd--gora { transform: translateY(-50px) scale(.9); }
html.dj-ruch .dj-wjazd.is-widoczny { opacity: 1; transform: none; }

/* ---------- pisanie ---------- */
.dj-pisz__slowo { white-space: nowrap; }
html.dj-ruch .dj-pisz .dj-pisz__z { opacity: 0; }
html.dj-ruch .dj-pisz .dj-pisz__z.is-on { opacity: 1; }
.dj-pisz__z.is-kursor { position: relative; }
.dj-pisz__z.is-kursor::after {
	content: ""; position: absolute; right: -.09em; top: .08em; bottom: .02em; width: .07em; min-width: 3px;
	background: var(--wp--preset--color--bursztyn); box-shadow: 0 0 12px rgba(255, 176, 46, .8);
}
.dj-pisz__z.is-koniec::after { animation: dj-mrug .75s steps(1) infinite; }
@keyframes dj-mrug { 50% { opacity: 0; } }

/* ---------- hero ---------- */
html.dj-ruch .dj-hero .wp-block-cover__image-background { transform: scale(1.14); transition: transform 2.8s cubic-bezier(.2, .7, .2, 1); }
html.dj-ruch .dj-hero.is-start .wp-block-cover__image-background { transform: scale(1); }

/* ---------- świecenie nagłówków po najechaniu ---------- */
.wp-block-post-content h2, .dj-kontakt-pas h2, .dj-atrakcje h3 { transition: text-shadow .3s ease, color .3s ease; }
.wp-block-post-content h2:hover, .dj-kontakt-pas h2:hover, .dj-atrakcje > .wp-block-group:hover h3 {
	text-shadow: 0 0 24px rgba(240, 185, 85, .55);
}

@media (prefers-reduced-motion: reduce) {
	.dj-hero .wp-block-cover__image-background { transition: none; }
	.wp-block-post-content h2, .dj-stopka-scena h2 { transition: none; }
}

/* Telefon: pod hasłem i polem daty miejsce na pływające przyciski + ukośną krawędź. */
@media (max-width: 781px) {
	.dj-hero { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)) !important; }
}
/* Elementy wjeżdżające z boku nie mogą rozpychać strony w poziomie. */
.wp-site-blocks { overflow-x: clip; }