/**
 * Rögzített fejléc.
 *
 * FONTOS: ez a fájl szándékosan NEM állít hátteret, betűszínt vagy térközt.
 * A fejléc kinézete az Elementoré – ha innen is beleszólnánk, két helyen
 * kellene keresni ugyanazt a beállítást, és a plugin csendben felülírná azt,
 * amit a szerkesztőben állítasz be.
 *
 * Innen csak a VISELKEDÉS jön: a rögzítés és a görgetés jelzése. Ezt az
 * Elementor ingyenes változata és a UAE Header Footer Builder nem tudja.
 *
 * A hátteret a fejléc konténerén állítsd be Elementorban, a globális színből.
 * Ha a konténer háttere átlátszó marad, görgetéskor a tartalom átüt rajta.
 */

body.sfa-ragados-fejlec #masthead {
	position: sticky;
	top: 0;
	z-index: 999;
	transition: box-shadow 0.2s ease;
}

/* Bejelentkezve a WordPress admin sávja foglalja a képernyő tetejét. */
body.sfa-ragados-fejlec.admin-bar #masthead {
	top: 32px;
}

@media screen and (max-width: 782px) {

	body.sfa-ragados-fejlec.admin-bar #masthead {
		top: 46px;
	}
}

/* Csak görgetés után kap árnyékot – állóhelyzetben letisztult marad. */
body.sfa-ragados-fejlec.sfa-gorgetve #masthead {
	box-shadow: 0 2px 12px rgba(11, 31, 58, 0.16);
}

@media (prefers-reduced-motion: reduce) {

	body.sfa-ragados-fejlec #masthead {
		transition: none;
	}
}