/*
 * Somogyi Eszter – amit az Elementor nem tud.
 *
 * Színek és betűk a Kitben (Webhely beállításai → Globális…). Ide csak az kerül,
 * amit vezérlővel nem lehet kifejezni. Minden osztály a widget/konténer
 * „CSS-osztályok” mezőjéből jön, tehát a szerkesztőben is látszik.
 */

/* ── Képhátterű sávok: fátyol a kép fölé, a tartalom alá ──────────────────
 * Nem az Elementor háttér-átfedése: az a konténer TARTALMÁT is halványítaná.
 */
.se-hero,
.se-sotetkep {
	position: relative;
	overflow: hidden;
}

.se-hero::before,
.se-sotetkep::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

/* A hero szövege balra ül: ott sötétebb a fátyol, jobbra látszik a kép. */
.se-hero::before {
	background: linear-gradient(90deg, rgba(35, 35, 97, 0.82) 0%, rgba(35, 35, 97, 0.55) 48%, rgba(35, 35, 97, 0.12) 100%);
}

.se-sotetkep::before {
	background: linear-gradient(90deg, rgba(35, 35, 97, 0.94) 0%, rgba(35, 35, 97, 0.82) 50%, rgba(35, 35, 97, 0.35) 100%);
}

@media (max-width: 1024px) {
	.se-hero::before,
	.se-sotetkep::before {
		background: rgba(35, 35, 97, 0.78);
	}
}

.se-hero > .e-con-inner,
.se-sotetkep > .e-con-inner {
	position: relative;
	z-index: 1;
}

/* ── Ív alakú kép (portré, aloldal-fej) – a logó köríveit idézi ──────────── */
.se-ivkep img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 999px 999px 0 0;
}

.se-ivkep--szeles img {
	aspect-ratio: 4 / 3;
}

/* ── Kártyák ──────────────────────────────────────────────────────────────── */
.se-temakartya,
.se-kepkartya {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.se-temakartya:hover,
.se-kepkartya:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(48, 48, 123, 0.10);
}

.se-kepkartya img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}

.se-nyil a,
.se-nyil {
	text-decoration: none;
}

.se-velemeny {
	border-top: 2px solid var(--e-global-color-secondary);
}

/* ── Hiányzó szöveg jelölése ──────────────────────────────────────────────
 * Feltűnő, hogy átnézéskor senki ne higgye késznek. Élesítés előtt el kell tűnnie.
 */
.se-helykitolto {
	border: 2px dashed #C9A24D;
	background: #FFF8E6;
	padding: 18px 22px;
}

.se-helykitolto p {
	margin: 0 0 6px;
	color: #6B4E12;
}

/* ── Automatikus lista: [se_lista] ────────────────────────────────────────── */
.se-lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
}

@media (max-width: 1024px) {
	.se-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.se-lista { grid-template-columns: 1fr; }
}

.se-kartya {
	background: #fff;
	display: flex;
	flex-direction: column;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.se-kartya:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 34px rgba(48, 48, 123, 0.10);
}

.se-kartya__kep img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.se-kartya__szoveg {
	padding: 22px 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex: 1;
}

.se-kartya__datum {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--e-global-color-searanysotet);
}

.se-kartya__cim {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
}

.se-kartya__cim a {
	color: var(--e-global-color-primary);
	text-decoration: none;
}

.se-kartya__szoveg p {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	flex: 1;
}

.se-kartya__tovabb {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--e-global-color-primary);
	text-decoration: none;
}

.se-lista__ures {
	font-style: italic;
	color: var(--e-global-color-sehalvany);
}

/* ── Írások archívum (Elementor archive-posts widget) ─────────────────────── */
.se-cikkracs .elementor-post {
	background: #fff;
}

.se-cikkracs .elementor-post__thumbnail img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
}

.se-cikkracs .elementor-post__text {
	display: flex;
	flex-direction: column;
	padding: 22px 24px 26px;
}

.se-cikkracs .elementor-post__meta-data {
	order: -1;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--e-global-color-searanysotet);
	margin-bottom: 8px;
}

.se-cikkracs .elementor-post__title a {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.3;
	color: var(--e-global-color-primary);
}

.se-cikkracs .elementor-post__excerpt p {
	font-size: 14px;
	line-height: 1.65;
}

.se-cikkracs .elementor-post__read-more {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--e-global-color-primary);
}

/* ── Cikk- és programtörzs ────────────────────────────────────────────────── */
.se-torzs h2,
.se-torzs h3 {
	margin-top: 1.6em;
}

.se-torzs ul li {
	margin-bottom: 0.4em;
}

/* ── Fluent Forms: az oldal nyelvéhez simítva ─────────────────────────────── */
.se-urlap .ff-el-group { margin-bottom: 14px; }

.se-urlap .ff-el-input--label label {
	font-size: 13px;
	font-weight: 500;
	color: var(--e-global-color-primary);
}

.se-urlap .ff-el-form-control {
	border: 1px solid var(--e-global-color-sevonal);
	border-radius: 4px;
	padding: 13px 15px;
	font-family: Montserrat, system-ui, sans-serif;
	font-size: 15px;
	background: #fff;
}

.se-urlap .ff-el-form-control:focus {
	border-color: var(--e-global-color-primary);
	box-shadow: 0 0 0 3px rgba(48, 48, 123, 0.12);
	outline: none;
}

.se-urlap .ff-btn-submit {
	background: var(--e-global-color-accent) !important;
	color: #fff !important;
	border: 0;
	border-radius: 4px;
	padding: 15px 32px;
	font-family: Montserrat, system-ui, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.25s ease;
}

.se-urlap .ff-btn-submit:hover {
	background: var(--e-global-color-primary) !important;
}

/* ── Lábléc ──────────────────────────────────────────────────────────────── */
.se-lablec a {
	color: #fff;
}

.se-lablec a:hover {
	color: var(--e-global-color-secondary);
}

/* A DSP logósor tartalomra húzva, hogy a `space-between` két szélre tegye. */
.se-dsp .se-dsp-logok {
	width: auto;
}