/* ==========================================================================
   Alapok: reset, betűk, linkek, fókusz, WordPress-magosztályok, űrlapok.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: calc(var(--fejlec-m) + 12px);
}

body {
	margin: 0;
	background: var(--papir);
	color: var(--tinta);
	font-family: var(--betu-szoveg);
	font-size: 17px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
/* A témaképek WebP-burka nem vesz részt az elrendezésben (psa_tema_kep). */
picture.psa-kep { display: contents; }

a { color: var(--kek); text-underline-offset: .15em; }
a:hover { color: var(--sotetkek); }

h1, h2, h3, h4, h5, h6 {
	font-family: var(--betu-cim);
	font-weight: 800;
	line-height: 1.1;
	margin: 0;
	letter-spacing: -.01em;
	color: var(--sotetkek);
}

p { margin: 0; }
ul, ol { margin: 0; padding: 0; }
figure { margin: 0; }
button { font: inherit; color: inherit; }

:focus-visible {
	outline: 3px solid var(--arany);
	outline-offset: 3px;
	border-radius: 6px;
}

/* sötét hátteren a fókuszkeret is legyen jól látható */
.felso-sav :focus-visible,
.lablec :focus-visible,
.motto :focus-visible,
.beisk-kartya :focus-visible { outline-color: #fff; }

::selection { background: var(--arany); color: var(--tinta); }

/* --------------------------------------------------------------------------
   Akadálymentesség
   -------------------------------------------------------------------------- */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.screen-reader-text:focus {
	clip: auto; width: auto; height: auto; margin: 0; overflow: visible; white-space: normal;
}

.ugras {
	position: absolute; left: -9999px; top: 0; z-index: 1000;
	background: var(--sotetkek); color: #fff; font-weight: 800;
	padding: 12px 18px; border-radius: 0 0 12px 0; text-decoration: none;
}
.ugras:focus { left: 0; color: #fff; }

/* --------------------------------------------------------------------------
   WordPress-magosztályok
   -------------------------------------------------------------------------- */
.alignleft  { float: left;  margin: .3em 1.6em 1em 0; }
.alignright { float: right; margin: .3em 0 1em 1.6em; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption, figcaption {
	font-size: 14px; color: var(--tinta-70); margin-top: 8px; text-align: center;
}
.sticky, .bypostauthor { /* a WordPress elvárja a jelenlétüket */ }

/* --------------------------------------------------------------------------
   Űrlapmezők
   -------------------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="password"], input[type="number"], textarea, select {
	font: inherit;
	color: var(--tinta);
	background: #fff;
	border: 2.5px solid var(--kek-100);
	border-radius: var(--r-s);
	padding: 11px 14px;
	width: 100%;
	transition: border-color .15s;
}
input:focus, textarea:focus, select:focus { border-color: var(--kek); outline: none; box-shadow: 0 0 0 4px var(--kek-50); }
label { font-weight: 700; }

button, input[type="submit"], input[type="button"] { cursor: pointer; }

/* --------------------------------------------------------------------------
   Csökkentett mozgás: a lebegő díszek és átmenetek kikapcsolnak
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}