/* Generated by tools/build-css.php. Edit the source CSS files. */

/* Source: assets/css/01-base.css */
/* Alapbeállítások és segédosztályok */
body {
	margin: 0;
	padding: 0;
}

.grecaptcha-badge {
	display:none;
}

/*
 * Az Elementor-oldalakon kizárólag a megtervezett hero címe jelenjen meg.
 * A Hello Elementor alapértelmezett page-header eleme különben láthatatlanul
 * is helyet foglalhat, és oldalanként eltérő magasságba tolja a fejlécet.
 */
body.elementor-page .page-header {
	display: none !important;
}

/*
 * Az általános aloldalak hero tartalma a Magántanulás oldal kezdőpozícióját
 * követi. A tartalomfüggő teljes hero-magasságokat nem írjuk felül.
 */
@media (min-width: 1025px) {
	:is(.page-id-26, .page-id-431, .page-id-436) .hero-header {
		margin-top: -202px !important;
		padding-top: 316px !important;
	}
}

.fit-content {
	width: fit-content;
}

::selection {
	background: #278079;
	color: #fff;
}

.p-0,
.p-0 * {
	padding-bottom: 0;
	margin-bottom: 0;
}

p {
	margin: 0;
}

html.lenis,
html.lenis body {
	height: auto;
}

h3,h4 {
	hyphens: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

/* Complianz cookie-kezelő */
#cmplz-manage-consent .cmplz-manage-consent {
	display: none;
}

.cmplz-show-banner {
	cursor: pointer;
}

/* Swiper */

@media (min-width: 1025px) {
  selector .swiper-wrapper {
    justify-content: center;
  }
}

@media (min-width: 1025px) {
  selector .swiper-wrapper {
    justify-content: center !important;
  }
}

/* Go to top*/

body:not(.elementor-editor-active) .go-to-top {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}

body:not(.elementor-editor-active) .go-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

[hidden] {
	display: none !important;
}

/* Countdown */
.elementor-countdown-item {
  width: 73px !important;;
}

.elementor-countdown-item .elementor-countdown-digits {
	color: #278079;
}

:is(
	body:has(.grafika),
	body:has(.latvanytervezes),
	body:has(.cad),
	body:has(.video),
	body:has(.ppc),
	body:has(.web),
	.grafika,
	.latvanytervezes,
	.cad,
	.video,
	.ppc,
	.web
) .elementor-countdown-item .elementor-countdown-digits {
	color: var(--lumen-area-color, #278079) !important;
}

footer a {
  font-size: 17px !important;
}

/*
 * Főoldali előnylista: fallback arra az esetre, ha az Elementor Icon List
 * widget saját stíluslapja nem töltődik be.
 */
.home .elementor-icon-list-items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.home .elementor-icon-list-item {
	display: flex;
	position: relative;
	align-items: var(--icon-vertical-align, center);
}

.home .elementor-icon-list-icon {
	display: flex;
	position: relative;
	flex: 0 0 auto;
	inset-block-start: var(--icon-vertical-offset, initial);
}

.home .elementor-icon-list-icon svg {
	width: var(--e-icon-list-icon-size, 14px) !important;
	height: var(--e-icon-list-icon-size, 14px) !important;
	margin: var(
		--e-icon-list-icon-margin,
		0 calc(var(--e-icon-list-icon-size, 14px) * 0.25) 0 0
	);
}

.home
	.elementor-icon-list-icon + .elementor-icon-list-text {
	align-self: center;
	padding-inline-start: 5px;
}

/* Lista megjelenésének korrigálása */

.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: var(--icon-vertical-align, start)!important;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
	margin-top:6px!important;
}

.hero-bg .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
	margin-top:0!important;
}

.hero-bg .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    align-items: var(--icon-vertical-align, center)!important;
}


/* Adminból globálisan kikapcsolható Action sávok. */
body.lumen-action-1-hidden .action-bg-1,
body.lumen-action-2-hidden .action-bg-2 {
	display: none !important;
}

/* A rejtett 2. akciósáv helyén a szomszédos szekciók 120+120 px térköze összeadódna. */
body.lumen-action-2-hidden.home .elementor-element-3dc5b97 + .elementor-element-f6da06d .elementor-element-719512a > .e-con-inner,
body.lumen-action-2-hidden.single-kepzes .elementor-element-5c8faa5 + .elementor-element-5e5c94b > .e-con-inner {
	padding-top: 0;
}

/* A közös „Miért tanulnak nálunk” sablon mobilos oldalsó belső margója. */
@media (max-width: 880px) {
	.elementor.elementor-479 .elementor-element.elementor-element-c1c33c7 {
		padding-inline: 24px;
	}
}


/* Source: assets/css/02-navigation.css */
/* Navigáció */
.elementor-location-header a.has-submenu .sub-arrow {
	display: inline-flex;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	margin-left: 6px;
	padding: 0;
	background-color: currentColor;
	-webkit-mask: url("../images/chevron-down.svg") center / 24px 24px no-repeat;
	mask: url("../images/chevron-down.svg") center / 24px 24px no-repeat;
}

/* Az Elementor saját nyilát a csatolt Jam chevron váltja fel. */
.elementor-location-header a.has-submenu .sub-arrow > svg,
.elementor-location-header a.has-submenu .sub-arrow > i {
	display: none !important;
}

@media (min-width: 1025px) {
	.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.menu-item-30 {
		display: none;
	}

	/* Fejléc legördülő területmenüje */
	.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown {
		min-width: 240px !important;
		padding: 10px !important;
		background: #fff !important;
		border: 1px solid rgba(95, 122, 158, 0.18) !important;
		border-radius: 18px !important;
		box-shadow: 0 18px 45px rgba(25, 25, 25, 0.14) !important;
		overflow: hidden;
		z-index: 1000 !important;
	}

	.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown[aria-hidden="false"] {
		animation: lumen-submenu-in 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
		transform-origin: top left;
	}

	.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li {
		--lumen-submenu-accent: #37B0A6;
		--lumen-submenu-soft: rgba(55, 176, 166, 0.12);
	}

	.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown > li + li {
		margin-top: 2px;
	}

	.elementor-nav-menu--main .sub-menu .menu-item-964 {
		--lumen-submenu-accent: #868D2B;
		--lumen-submenu-soft: rgba(180, 189, 59, 0.15);
	}

	.elementor-nav-menu--main .sub-menu .menu-item-963 {
		--lumen-submenu-accent: #3C7346;
		--lumen-submenu-soft: rgba(77, 158, 92, 0.14);
	}

	.elementor-nav-menu--main .sub-menu .menu-item-960 {
		--lumen-submenu-accent: #2E4F97;
		--lumen-submenu-soft: rgba(62, 104, 199, 0.13);
	}

	.elementor-nav-menu--main .sub-menu .menu-item-962 {
		--lumen-submenu-accent: #923034;
		--lumen-submenu-soft: rgba(194, 64, 68, 0.13);
	}

	.elementor-nav-menu--main .sub-menu .menu-item-961 {
		--lumen-submenu-accent: #491F66;
		--lumen-submenu-soft: rgba(108, 45, 150, 0.12);
	}

	.elementor-nav-menu--main .sub-menu .menu-item-959 {
		--lumen-submenu-accent: #AB7627;
		--lumen-submenu-soft: rgba(219, 152, 50, 0.15);
	}

	.elementor-nav-menu--main .sub-menu a.elementor-sub-item {
		position: relative;
		display: flex !important;
		align-items: center;
		min-height: 40px;
		padding: 10px 12px !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 12px !important;
		color: #5F7A9E !important;
		font-family: "Sora", sans-serif;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
		text-decoration: none;
		white-space: nowrap;
		transition:
			color 180ms ease,
			background-color 180ms ease,
			transform 180ms ease;
	}

	.elementor-nav-menu--main .sub-menu a.elementor-sub-item::before {
		content: none !important;
		display: none !important;
	}

	.elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover,
	.elementor-nav-menu--main .sub-menu a.elementor-sub-item:focus-visible,
	.elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active {
		background: var(--lumen-submenu-soft) !important;
		color: var(--lumen-submenu-accent) !important;
		transform: translateX(2px);
	}

	.elementor-nav-menu--main .sub-menu a.elementor-sub-item:focus-visible {
		outline: 2px solid var(--lumen-submenu-accent);
		outline-offset: -2px;
	}

	.elementor-nav-menu--main a.has-submenu .sub-arrow {
		transition: transform 180ms ease;
	}

	.elementor-nav-menu--main a.has-submenu[aria-expanded="true"] .sub-arrow {
		transform: rotate(180deg);
	}
}

@keyframes lumen-submenu-in {
	from {
		opacity: 0;
		transform: translateY(-6px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* Roll animáció kizárólag a fejlécben. */
.kanso-roll-menu .menu-roll {
	display: inline-grid;
	height: 1.2em;
	overflow: hidden;
	line-height: 1.2;
	vertical-align: bottom;
	white-space: nowrap;
}

.kanso-roll-menu .menu-roll__text {
	display: block;
	grid-area: 1 / 1;
	transform: translateY(0);
	will-change: transform;
}

.kanso-roll-menu .menu-roll__text:nth-child(2) {
	transform: translateY(110%);
}

@media (hover: hover) and (pointer: fine) {
	.kanso-roll-menu .menu-roll__text {
		transition: transform 0.45s cubic-bezier(0.76, 0, 0.24, 1);
	}

	.kanso-roll-menu a.elementor-item:hover .menu-roll__text:first-child,
	.kanso-roll-menu a.elementor-item:focus-visible .menu-roll__text:first-child {
		transform: translateY(-110%);
	}

	.kanso-roll-menu a.elementor-item:hover .menu-roll__text:nth-child(2),
	.kanso-roll-menu a.elementor-item:focus-visible .menu-roll__text:nth-child(2) {
		transform: translateY(0);
	}
}

.footer-menu-item a,
a.footer-menu-item {
	transition: color 0.2s ease, opacity 0.2s ease;
}

.footer-menu-item a:hover,
.footer-menu-item a:focus-visible,
a.footer-menu-item:hover,
a.footer-menu-item:focus-visible {
	opacity: 0.7;
}


.footer-menu-item a, a.footer-menu-item {
	font-weight: 400!important;
	font-size:16px!important
}



/* Régebben JS-sel felépített footer-linkek visszaállítása egyetlen sorra. */
.footer-menu-item .menu-roll {
	display: inline !important;
	height: auto !important;
	overflow: visible !important;
}

.footer-menu-item .menu-roll__text:first-child {
	display: inline !important;
	transform: none !important;
}

.footer-menu-item .menu-roll__text:nth-child(2) {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.kanso-roll-menu .menu-roll__text,
	.footer-menu-item .menu-roll__text {
		transition: none !important;
	}

	.elementor-nav-menu--main .sub-menu.elementor-nav-menu--dropdown,
	.elementor-nav-menu--main .sub-menu a.elementor-sub-item,
	.elementor-nav-menu--main a.has-submenu .sub-arrow {
		animation: none !important;
		transition: none !important;
	}
}

/* Mobil fejlécmenü */
@media (max-width: 767px) {
	/* A mobil fejléc logójának finom optikai igazítása. */
	#top .elementor-widget-image img[alt="LUMEN Tanfolyamok logó"] {
		transform: translateY(-4px);
	}

	.elementor-location-header .elementor-menu-toggle {
		width: 44px;
		height: 44px;
		padding: 8px;
		border-radius: 50%;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		max-height: calc(100dvh - 72px) !important;
		margin-top: 0 !important;
		padding: 12px 14px 16px !important;
		background: #fff !important;
		border-radius: 0 0 18px 18px;
		box-shadow: 0 18px 36px rgba(25, 25, 25, 0.14);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul {
		margin: 0;
		padding: 0;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li + li {
		margin-top: 2px;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 12px 16px !important;
		border: 0 !important;
		border-radius: 12px;
		color: #5F7A9E !important;
		font-family: "Sora", sans-serif;
		font-size: 16px !important;
		font-weight: 700;
		line-height: 1.35;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .elementor-item.has-submenu .sub-arrow {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		margin-left: auto;
		padding: 0;
		transition: transform 180ms ease;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .elementor-item.has-submenu[aria-expanded="true"] {
		background: rgba(180, 189, 59, 0.12) !important;
	}

	/*
	 * Az összecsukás után fókuszban maradó mobil menüpont.
	 * Felülírja az Elementor alapértelmezett sötétszürke állapotát.
	 */
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item:focus,
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item:focus-visible,
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item.highlighted {
		background-color: #278079 !important;
		color: #fff !important;
	}

	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item:focus .sub-arrow,
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item:focus-visible .sub-arrow,
	.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li > a.elementor-item.highlighted .sub-arrow {
		color: #fff !important;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .sub-arrow svg {
		fill: currentColor !important;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .elementor-item.has-submenu[aria-expanded="true"] .sub-arrow {
		transform: rotate(180deg);
	}

	.elementor-location-header .elementor-nav-menu--dropdown .sub-menu {
		position: static !important;
		width: 100% !important;
		margin: 4px 0 8px !important;
		padding: 6px !important;
		background: #f4f6f8 !important;
		border: 0 !important;
		border-radius: 12px;
		box-shadow: none !important;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 10px 12px !important;
		border: 0 !important;
		border-radius: 9px;
		color: #5F7A9E !important;
		font-size: 14px !important;
		font-weight: 600;
		line-height: 1.35;
	}

	.elementor-location-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item.elementor-item-active,
	.elementor-location-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item:focus-visible {
		background: rgba(82, 109, 145, 0.1) !important;
		color: #5F7A9E !important;
	}
}

/* Swiper optimalization*/
@media (max-width:767px) {
	.testimonial .elementor-swiper-button {
		display:none!important;
	}
}

@media (min-width:768) {
	.testimonial .swiper-pagination-bullet {
		display:none!important;
	}
}


/* Source: assets/css/03-buttons-badges.css */
/* Gombok */
.button-with-arrow .elementor-button,
.button-with-arrow-cyan .elementor-button {
	height: 60px;
	background: url("../images/button-arrow-cyan-default.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.button-with-arrow-cyan .elementor-button:hover {
	background: url("../images/button-arrow-cyan-hover.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.button-with-arrow-yellow .elementor-button {
	height: 60px;
	background: url("../images/button-arrow-yellow-default.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
}

.white-bg a {
	background-color: #fff !important;;
	border-color:#fff!important;
}

/* A fehér körvonalas gomb alapállapota nem területfüggő. */
.button-outline-white .elementor-button {
	border-color: #fff !important;
	color: #fff !important;
}

.jelentkezes.button-with-arrow {
	display:none;
}

.single-kepzes .jelentkezes.button-with-arrow {
	display:flex;
	justify-content: end;
}

.single-kepzes .more-information{
	display: none !important;
}



/*
 * Fehér körvonalas, nyilas gomb.
 * Hoverben az aktuális terület színét és nyílikonját használja.
 */
.button-outline-arrow .elementor-button {
	min-height: 60px;
	padding-right: 60px;

	border: 2px solid #fff !important;
	border-radius: 999px;

	background-color: transparent !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;

	color: #fff !important;

	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease,
		transform 0.25s ease;
}

.button-outline-arrow .elementor-button:is(:hover, :focus-visible) {
	border-color: #fff !important;
	background-color: #fff !important;
	background-image: var(
		--lumen-area-button-arrow,
		url("../images/button-arrow-cyan-default.svg")
	) !important;
	color: var(--lumen-area-color, #37B0A6) !important;
}

.button-outline-arrow .elementor-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/*
 * Kitöltött, területszínű elsődleges gomb. A változók hiányában
 * a Lumen cián színeire esik vissza.
 */
.button-with-arrow.primary .elementor-button {
	min-height: 60px;
	padding-right: 60px;
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	box-shadow: none;
	transition:
		box-shadow 0.25s ease,
		transform 0.25s ease;
}

.button-with-arrow.primary .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	color: #fff !important;
	box-shadow: 0 12px 30px var(
		--lumen-area-shadow-color,
		rgba(55, 176, 166, 0.38)
	) !important;
	transform: translateY(-2px);
}

/* A nyíl nélküli körvonalas gomb területszínű hover állapota. */
.button-outline .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	background-image: none !important;
	color: #fff !important;
}

/*
 * Területszínű körvonalas gomb. Területi változó hiányában a Lumen
 * türkiz színét használja.
 */
.button-outline-area .elementor-button {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: transparent !important;
	color: var(--lumen-area-color, #37B0A6) !important;
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease;
}

.button-outline-area .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6) !important;
	background-color: var(--lumen-area-color, #37B0A6) !important;
	color: #fff !important;
}

@media (max-width: 767px) {
	.elementor-button .elementor-button-content-wrapper {
		justify-content: center !important;
	}
}

/* Badge-ek */

.terulet-program-badge {
	display: flex;
	padding: 5px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background: #fff;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 500 !important;
	letter-spacing: 1.4px !important;
	text-transform: uppercase;
	max-height: 27px;
}

@media (max-width: 1023px) {
	.terulet-program-badge {
		padding: 3px 10px 2px 10px;
        font-size: 13px !important;
		letter-spacing: normal !important;
		max-height: 21px;
	}
}

.elementor-button-text {
	 white-space: nowrap;
}


/* Source: assets/css/04-area-cards.css */
/* ========================================
   TERÜLETKÁRTYÁK
======================================== */

/* Tanfolyamkártya nélkül a teljes területoldali tanfolyamszekció felesleges. */
body.single-terulet #tanfolyamok:not(:has(.e-loop-item.kepzes)) {
	display: none !important;
}

/* Grafika – post 606 */
.post-606.terulet .color-card {
	background-color: #A5C216 !important;
	background-image: linear-gradient(
		121deg,
		#A5C216 0%,
		#A8BF16 31%,
		#B4B917 62%,
		#C8AF1A 93%,
		#CEAD1B 100%
	) !important;
}

.post-606.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(180, 189, 59, 0.3);
}


/* Látványtervezés – post 609 */
.post-609.terulet .color-card {
	background-color: #118E56 !important;
	background-image: linear-gradient(
		121deg,
		#118E56 0%,
		#8EB037 100%
	) !important;
}

.post-609.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(77, 158, 92, 0.3);
}


/* Videó és film – post 610 */
.post-610.terulet .color-card {
	background-color: #A51467 !important;
	background-image: linear-gradient(
		121deg,
		#A51467 0%,
		#CC3D16 100%
	) !important;
}

.post-610.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(194, 64, 68, 0.3);
}


/* Online marketing – post 611 */
.post-611.terulet .color-card {
	background-color: #3F218D !important;
	background-image: linear-gradient(
		121deg,
		#3F218D 0%,
		#842597 100%
	) !important;
}

.post-611.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(108, 45, 150, 0.3);
}


/* CAD – post 612 */
.post-612.terulet .color-card {
	background-color: #4E2798 !important;
	background-image: linear-gradient(
		121deg,
		#4E2798 0%,
		#167ABE 100%
	) !important;
}

.post-612.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(62, 104, 199, 0.3);
}


/* Webfejlesztés – post 625 */
.post-625.terulet .color-card {
	background-color: #CB7117 !important;
	background-image: linear-gradient(
		121deg,
		#CB7117 0%,
		#CBA21A 100%
	) !important;
}

.post-625.terulet .color-card:hover {
	box-shadow: 5px 5px 20px 10px rgba(219, 152, 50, 0.3);
}


/* ========================================
   TERÜLET PROGRAMBADGE-SZÍNEK
======================================== */

/* Grafika – Dark Yellow */
.post-606.terulet .color-card .badge-light,
.post-606.terulet .color-card .terulet-program-badge {
	color: #868D2B;
}


/* Látványtervezés – Dark Green */
.post-609.terulet .color-card .badge-light,
.post-609.terulet .color-card .terulet-program-badge {
	color: #3C7346;
}


/* Videó és film – Dark Red */
.post-610.terulet .color-card .badge-light,
.post-610.terulet .color-card .terulet-program-badge {
	color: #923034;
}


/* Online marketing – Dark Purple */
.post-611.terulet .color-card .badge-light,
.post-611.terulet .color-card .terulet-program-badge {
	color: #491F66;
}


/* CAD – Dark Blue */
.post-612.terulet .color-card .badge-light,
.post-612.terulet .color-card .terulet-program-badge {
	color: #2E4F97;
}


/* Webfejlesztés – Dark Orange */
.post-625.terulet .color-card .badge-light,
.post-625.terulet .color-card .terulet-program-badge {
	color: #AB7627;
}


/* A shortcode által generált badge-ek közös háttere */
.terulet-program-badge {
	background-color: #fff;
}

/* Területkártyák programjai */
.terulet-programok {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: center;
	gap: 5px;

	width: 100%;
	margin: 8px 0 12px;
}

/* Glowing cards*/
/* Mouse-follow glow card */
.mouse-glow-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

/* Az ikonlisták színe követi a területet, terület nélkül Lumen-cián. */
.mouse-glow-card .elementor-widget-icon-list .elementor-icon-list-icon svg,
.mouse-glow-card .elementor-widget-icon-list .elementor-icon-list-icon svg path {
	fill: var(--lumen-area-color, #37B0A6) !important;
}

/* Oktatói szolgáltatáskártya: keret és Elementor pipaikonok területszínnel. */
.teacher-card {
	border-color: var(--lumen-area-color, #37B0A6) !important;
}

.teacher-card .elementor-icon-list-icon,
.teacher-card h4  {
	color: var(--lumen-area-color, #37B0A6) !important;
}

.teacher-card .elementor-icon-list-icon svg,
.teacher-card .elementor-icon-list-icon svg path {
	fill: var(--lumen-area-color, #37B0A6) !important;
}

/* A kártya tartalma maradjon a fényfolt fölött */
.mouse-glow-card > *:not(.mouse-follow-glow) {
	position: relative;
	z-index: 2;
}

/* A kurzort követő színfolt */
.mouse-follow-glow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	width: 154px;
	height: 154px;
	border-radius: 50%;

	background: linear-gradient(
		121deg,
		rgba(34, 160, 175, 0.30) 0%,
		rgba(55, 184, 142, 0.30) 100%
	);

	filter: blur(30px);

	pointer-events: none;
	opacity: 0;

	transform: translate3d(-200px, -200px, 0);
	transition:
		opacity 0.25s ease,
		transform 0.1s ease-out;

	will-change: transform, opacity;
}

.mouse-glow-card.is-glow-active .mouse-follow-glow {
	opacity: 1;
}

/* Érintőképernyőn ne jelenjen meg */
@media (hover: none), (pointer: coarse) {
	.mouse-follow-glow {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mouse-follow-glow {
		display: none;
	}
}

/* ========================================
   TELJES FELÜLETÉN KATTINTHATÓ MODULKÁRTYA
======================================== */

.lumen-clickable-training-card {
	position: relative;
	overflow: hidden;

	border: 1px solid rgba(21, 25, 25, 0.2);
	border-radius: 26px;

	cursor: pointer;

	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

/* A képzésoldali „Ez is érdekelhet” kártyák töltsék ki az egyforma magas grid-sorokat. */
body.single-kepzes .elementor-widget-loop-grid .lumen-clickable-training-card {
	height: 100%;
	box-sizing: border-box;
	border-width: 1px !important;
}

.lumen-clickable-feature-card {
	position: relative;
	cursor: pointer;
}

.lumen-clickable-color-course-card {
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	background: var(
		--lumen-area-card-background,
		linear-gradient(121deg, #22A0AF 0%, #37B88E 100%)
	);
	cursor: pointer;
}

.lumen-clickable-feature-card:focus-visible,
.lumen-clickable-color-course-card:focus-visible {
	outline: 3px solid var(--lumen-area-color, #37B0A6);
	outline-offset: 3px;
}

.lumen-clickable-training-card:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color, #37B0A6);
	box-shadow: 0 10px 28px rgba(20, 24, 24, 0.08);
}

.lumen-clickable-training-card:focus-visible {
	outline: 3px solid var(--lumen-area-color, #37B0A6);
	outline-offset: 3px;
}


/*
 * Az érvénytelen, egymásba ágyazott Elementor-linkekből keletkező
 * üres anchorok ne foglaljanak helyet és ne rajzoljanak külön keretet.
 */
.lumen-clickable-training-card .outline-card:empty,
.lumen-clickable-training-card .lumen-broken-card-link {
	display: none !important;
}

/* A linkelt színes tanfolyamkártyából keletkező üres anchorok. */
.lumen-clickable-color-course-card a.color-card-tanfolyam.lumen-broken-card-link {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.lumen-clickable-training-card {
		transition: none;
	}
}

/* A linkmaradvány tartalmazhat valódi tartalmat is, különösen kép nélküli kártyán.
 * A külső loop-elem adja a dobozt, a belső link csak a tartalmát jeleníti meg. */
.lumen-clickable-training-card a.outline-card:not(.lumen-broken-card-link),
.lumen-clickable-color-course-card a.color-card-tanfolyam:not(.lumen-broken-card-link) {
	display: contents !important;
}


/* Source: assets/css/05-instructors.css */
/* Teachers */

/* Instructor flip card */
.trainer-flip-card {
	position: relative;
	width: 100%;
	aspect-ratio: 274 / 370;
	min-height: 350px;
	perspective: 1200px;
	outline: none;
	background: transparent !important;
}

.trainer-flip-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.7s cubic-bezier(0.76, 0, 0.24, 1);
	will-change: transform;
}

.trainer-face {
	position: absolute !important;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 22px;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/* Előlap */
.trainer-front {
	z-index: 2;
	transform: rotateY(0deg) translateZ(1px);
	background: #fff;
}

/* Hátlap */
.trainer-back {
	z-index: 1;
	transform: rotateY(180deg) translateZ(1px);
}

/* Desktop hover */
@media (hover: hover) and (pointer: fine) {
	.trainer-flip-card:hover .trainer-flip-inner {
		transform: rotateY(180deg);
	}
}

/* Mobilos kattintás és billentyűzet */
.trainer-flip-card.is-flipped .trainer-flip-inner {
	transform: rotateY(180deg);
}

/* Billentyűzetes fókusz */
.trainer-flip-card:focus-visible {
	outline: 3px solid #278079;
	outline-offset: 4px;
	border-radius: 22px;
}

/* Fotó */
/* ========================================
   OKTATÓI KÁRTYA ELŐLAPJÁNAK FELÉPÍTÉSE
======================================== */

.trainer-front {
	display: flex;
	flex-direction: column;
	transform: rotateY(0deg) translateZ(1px);
	background: #fff;
}

/* A színes, fotós rész */
.trainer-photo {
	position: relative;
	flex: 0 0 72%;
	width: 100%;
	height: 72%;
	max-height:400px;
	min-height: 0;
	overflow: hidden;
}

/*
 * Akkor is működik, ha a trainer-photo osztály
 * közvetlenül az Image widgeten van.
 */
.trainer-photo > .elementor-widget-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/*
 * Akkor is működik, ha a trainer-photo osztály
 * egy külön konténeren van, benne egy Image widgettel.
 */
.trainer-photo .elementor-widget-image,
.trainer-photo .elementor-widget-image > .elementor-widget-container {
	width: 100%;
	height: 100%;
}

/* Az oktatói fotó */
.trainer-photo img {
	position: absolute;
	left: 50%;
	bottom: 0;

	display: block;
	width: auto !important;
	height: 118% !important;
	max-height:500px;
	max-width: none !important;

	object-fit: contain;
	object-position: center bottom;

	filter: grayscale(1);

	transform: translateX(-50%);
	transform-origin: center bottom;
}

/*
 * A képzésoldali, kiválasztott oktatót megjelenítő Loop Grid fotója.
 * A kepzes_oktato Query ID alapján kapott scope miatt a főoldali
 * oktatókártyák változatlanok maradnak.
 */
@media (min-width: 768px) {
	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo {
		flex: none;
		width: 100%;
		height: auto !important;
		aspect-ratio: 4 / 3;
		overflow: hidden;
	}

	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo .elementor-widget-image,
	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo .elementor-widget-image > .elementor-widget-container,
	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo .elementor-widget-theme-post-featured-image,
	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo .elementor-widget-theme-post-featured-image > .elementor-widget-container {
		width: 100%;
		height: 100%;
	}

	.lumen-course-instructor-loop:not(.lumen-course-instructors--multiple) .trainer-photo img {
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		max-width: 100% !important;
		object-fit: cover;
		object-position: center top;
		transform: none;
	}
}

/* Az alsó, fehér információs terület */
.trainer-flip-card .trainer-front > .trainer-front-content {
	position: relative;
	z-index: 2;

	flex: 0 0 120px;
	width: 100%;
	min-height: 120px;
	padding-bottom: 10px;

	background: #fff;
	color: #191919;
}


/* Előlapi fehér információs rész */
.trainer-front-content {
	background: #fff;
}

/*
 * A területoldali Loop Carouselben a két sorba törő program-badge-eknek
 * több hely kell. Az Elementor konténer alapértelmezett gapjét itt
 * megszüntetjük, és ezt a helyet a fehér információs rész kapja meg.
 */
.lumen-area-instructor-loop .trainer-front {
	--gap: 0;
	--row-gap: 0;
	--column-gap: 0;
	gap: 0 !important;
}

.lumen-area-instructor-loop .trainer-photo {
	flex: 1 1 auto;
	height: auto;
}

.lumen-area-instructor-loop .trainer-flip-card .trainer-front > .trainer-front-content {
	--justify-content: center;
	flex: 0 0 144px;
	min-height: 144px;
	padding-block: 14px;
	justify-content: center;
}

.lumen-area-instructor-loop .oktato-programok {
	margin-top: 6px;
}

/* A területoldali oktatószámhoz nem illő alternatív elrendezés. */
.lumen-area-instructor-layout--hidden {
	display: none !important;
}

@media (max-width: 767px) {
	/*
	 * A Magántanulás oldal középre igazított mobilkonténerében az Elementor
	 * Loop Grid automatikus szélessége 0-ra esik össze. A teljes szélesség
	 * visszaállításával az oktatói fotók ismét láthatóvá válnak.
	 */
	body.page-id-428 .elementor-widget-loop-grid:has(.trainer-flip-card) {
		align-self: stretch;
		width: 100% !important;
	}
}

/* Ne legyen tükrözött szöveg Safari alatt sem */
.trainer-face *,
.trainer-face .elementor-element {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Egy oktató teljes sorát a tabletes Elementor-rács se felezze el. */
@media (max-width: 1024px) {
	body.single-kepzes .elementor-widget-loop-grid.lumen-course-instructor-loop {
		--grid-columns: 1 !important;
	}
}

@media (max-width: 880px) {
	/*
	 * Az oktatói Loop Grid néhány Elementor-konténere mobilon egyszerre
	 * kapott responsive hide és belépő animációs osztályt. A képzésoldali
	 * oktatóblokkban ezeket célzottan felülírjuk, más rejtett elemeket nem.
	 */
	body.single-kepzes .elementor-element:is(
		.elementor-hidden-mobile,
		.elementor-hidden-mobile_extra
	):has(.lumen-course-instructor-loop) {
		display: flex !important;
	}

	body.single-kepzes .elementor-element.elementor-invisible:has(.lumen-course-instructor-loop) {
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}

	body.single-kepzes .lumen-course-instructor-loop,
	body.single-kepzes .lumen-course-instructor-loop .trainer-photo,
	body.single-kepzes .lumen-course-instructor-loop .trainer-photo .elementor-widget-image,
	body.single-kepzes .lumen-course-instructor-loop .trainer-photo .elementor-widget-container {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.trainer-flip-card {
		aspect-ratio: auto;
		height: 430px !important;
		min-height: 430px !important;
		max-height: 430px !important;
	}

	.trainer-flip-card > .e-con-inner {
		display: flex !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 430px !important;
	}

	.trainer-flip-inner,
	.trainer-face {
		display: flex !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 430px !important;
	}

	/*
	 * A fix kártyamagasságon belül a fotó és az információs blokk
	 * ne törjön két flex-oszlopba. A fotó tölti ki a megmaradó helyet.
	 */
	.trainer-front {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
	}

	.trainer-photo {
		display: flex !important;
		order: 0;
		flex: 1 1 0 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 260px !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.trainer-flip-card--has-photo .trainer-photo {
		display: flex !important;
	}

	.trainer-photo .elementor-widget-image,
	.trainer-photo .elementor-widget-theme-post-featured-image,
	.trainer-photo > .elementor-widget-container,
	.trainer-photo .elementor-widget-container {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 260px !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.trainer-photo img {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.trainer-flip-card .trainer-front > .trainer-front-content {
		order: 1;
		flex: 0 0 145px !important;
		height: 145px !important;
		min-height: 145px !important;
		padding-block: 10px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.trainer-flip-inner {
		transition-duration: 0.01ms;
	}
}

/* ========================================
   OKTATÓI KÁRTYÁK SZÍNEI
======================================== */

/* Grafika – sárga */
.trainer-flip-card.sarga-grafika {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#A5C216 0%,
		#A8BF16 31%,
		#B4B917 62%,
		#C8AF1A 93%,
		#CEAD1B 100%
	);
}

/* Látványtervezés – zöld */
.trainer-flip-card.zold-latvanytervezes {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#118E56 0%,
		#8EB037 100%
	);
}

/* CAD – kék */
.trainer-flip-card.kek-cad {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#4E2798 0%,
		#167ABE 100%
	);
}

/* Videó és film – piros */
.trainer-flip-card.piros-video-es-film {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#A51467 0%,
		#CC3D16 100%
	);
}

/* Online marketing – lila */
.trainer-flip-card.lila-online-marketing {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#3F218D 0%,
		#842597 100%
	);
}

/* Webfejlesztés – narancssárga */
.trainer-flip-card.narancssarga-webfejlesztes {
	--trainer-card-gradient: linear-gradient(
		121deg,
		#CB7117 0%,
		#CBA21A 100%
	);
}

/* Az előlap képes része */
.trainer-flip-card .trainer-photo {
	background-color: #278079;
	background-image: var(--trainer-card-gradient);
}

/* A teljes hátlap */
.trainer-flip-card .trainer-back {
	background-color: #278079;
	background-image: var(--trainer-card-gradient);
	color: #fff;
}

/* Az előlap alsó információs része maradjon fehér */
.trainer-flip-card .trainer-front-content {
	background: #fff;
	color: #191919;
}

/* Oktatói programok */
.oktato-programok {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 100%;
	margin-top: 8px;
}

.oktato-program-badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 20px;
	padding: 5px 10px;
	border-radius: 100px;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	white-space: nowrap;
}

/* A kártya hátoldalán fehér badge */
.trainer-back .oktato-program-badge {
	background: #fff;
}

@media (max-width: 767px) {
	.oktato-programok {
		gap: 4px;
		margin-top: 6px;
	}

	.oktato-program-badge {
		padding: 3px 8px;
		font-size: 10px;
		letter-spacing: 0.7px;
	}
}

/* ========================================
   OKTATÓI PROGRAM BADGE SZÍNEK
======================================== */

/* Grafika – Yellow */
.trainer-flip-card.sarga-grafika {
	--trainer-badge-background: #B4BD3B;
	--trainer-badge-dark: #868D2B;
}

/* Látványtervezés – Green */
.trainer-flip-card.zold-latvanytervezes {
	--trainer-badge-background: #4D9E5C;
	--trainer-badge-dark: #3C7346;
}

/* CAD – Blue */
.trainer-flip-card.kek-cad {
	--trainer-badge-background: #3E68C7;
	--trainer-badge-dark: #2E4F97;
}

/* Videó és film – Red */
.trainer-flip-card.piros-video-es-film {
	--trainer-badge-background: #C24044;
	--trainer-badge-dark: #923034;
}

/* Online marketing – Purple */
.trainer-flip-card.lila-online-marketing {
	--trainer-badge-background: #6C2D96;
	--trainer-badge-dark: #491F66;
}

/* Webfejlesztés – Orange */
.trainer-flip-card.narancssarga-webfejlesztes {
	--trainer-badge-background: #DB9832;
	--trainer-badge-dark: #AB7627;
}


/* ========================================
   BADGE ALAPBEÁLLÍTÁSOK
======================================== */

.oktato-programok {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 100%;
	margin-top: 8px;
}

.oktato-program-badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;

	min-height: 20px;
	padding: 3px 10px;

	border: 0;
	border-radius: 100px;

	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}


/* ========================================
   KÁRTYA ELŐLAP
======================================== */

.trainer-flip-card .trainer-front .oktato-program-badge {
	background-color: var(
		--trainer-badge-background,
		#4D9E5C
	);

	color: #fff;
}


/* ========================================
   KÁRTYA HÁTLAP
======================================== */

.trainer-flip-card .trainer-back .oktato-program-badge {
	background-color: #fff;

	color: var(
		--trainer-badge-dark,
		#3C7346
	);
}


/* ========================================
   MOBIL
======================================== */

@media (max-width: 767px) {
	.oktato-programok {
		gap: 4px;
		margin-top: 6px;
	}

	.oktato-program-badge {
		min-height: 18px;
		padding: 3px 8px;
		font-size: 10px;
		letter-spacing: 0.7px;
	}
}
/* Üres ACF Referenciák galéria esetén az egész Elementor-szekció rejtett. */
:is(.lumen-nincs-oktatoreferenciak, .nincs-oktatogaleria) .referenciak {
	display: none !important;
}

/* Üres Videós referencia URL esetén a teljes videós szekció rejtett. */
:is(.lumen-nincs-oktatovideoreferencia, .nincs-videos-referencia) :is(
	.videos-referencia,
	.videos_referencia
) {
	display: none !important;
}

/* Üres ACF véleménykapcsolat esetén az egész oktatói véleményszekció rejtett. */
.lumen-nincs-oktatovelemenyek .testimonial {
	display: none !important;
}

/*
 * A véleményblokk csak akkor kap alsó térközt, ha utána legalább egy
 * látható referencia következik, és a carouselnek nincs alsó paginationje.
 */
body.lumen-van-oktatovelemenyek:is(
	.lumen-van-oktatoreferenciak,
	.lumen-van-oktatovideoreferencia
) .testimonial:not(:has(.swiper-pagination:not(.swiper-pagination-lock) .swiper-pagination-bullet)) {
	margin-bottom: clamp(64px, 9.375vw, 120px);
}

/* Több oktató a képzésoldalon ugyanazzal a kis kártyával, mint a témaoldalon. */
body.single-kepzes .elementor-widget-loop-grid.lumen-course-instructors--multiple {
	--grid-columns: 3 !important;
}
body.single-kepzes .lumen-course-instructors--multiple .elementor-loop-container {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
body.single-kepzes .lumen-course-instructors--multiple.lumen-course-instructors--two .elementor-loop-container {
	grid-template-columns: repeat(2, minmax(0, 350px));
	justify-content: center;
}
body.single-kepzes .lumen-course-instructors--multiple .trainer-photo {
	aspect-ratio: auto;
	flex: 1 1 auto;
}
@media (max-width: 1024px) {
	body.single-kepzes .elementor-widget-loop-grid.lumen-course-instructors--multiple {
		--grid-columns: 2 !important;
	}
	body.single-kepzes .lumen-course-instructors--multiple .elementor-loop-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 767px) {
	body.single-kepzes .elementor-widget-loop-grid.lumen-course-instructors--multiple {
		--grid-columns: 1 !important;
	}
	body.single-kepzes .lumen-course-instructors--multiple .elementor-loop-container.elementor-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}


/* Source: assets/css/06-faq.css */
/* ========================================
   GYIK SZEKCIÓ
======================================== */

.lumen-faq-section > * {
	position: relative;
	z-index: 1;
}

/*
 * A kép fix magasságú és felülre rögzített: az accordion lenyitása
 * sem a méretét, sem a függőleges pozícióját nem változtatja meg.
 */
.lumen-faq-section {
	position: relative;
	overflow: hidden;
	background-attachment: scroll !important;
	background-position: left top !important;
	background-repeat: no-repeat !important;
	background-size: auto 1500px !important;
}

/* ========================================
   HARMONIKA KONTÉNER
======================================== */

.lumen-faq {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


/* ========================================
   HARMONIKAELEM
======================================== */
.lumen-faq__item {
	width: 100%;
	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 20px;

	background: rgba(255, 255, 255, 0.02);
	color: #fff;

	transition:
		background-color 0.25s ease,
		border-color 0.25s ease;
}

.lumen-faq__item:hover {
	background: rgba(255, 255, 255, 0.04);
}

.lumen-faq__item[open] {
	background: rgba(255, 255, 255, 0.025);
}


/* ========================================
   KÉRDÉS
======================================== */

.lumen-faq__question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;

	width: 100%;
	min-height: 52px;
	padding: 9px 17px;

	cursor: pointer;
	list-style: none;
}

.lumen-faq__question::-webkit-details-marker {
	display: none;
}

.lumen-faq__question::marker {
	display: none;
	content: "";
}

.lumen-faq__question-text {
	color: var(--Solid-White, #FFF);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Sora;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
}

.lumen-faq__question:hover
.lumen-faq__question-text {
	color: #fff;
}

.lumen-faq__question:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
	border-radius: 18px;
}


/* ========================================
   PLUSZ/MÍNUSZ IKON
======================================== */

.lumen-faq__icon {
	position: relative;

	flex: 0 0 34px;
	width: 34px;
	height: 34px;

	border-radius: 50%;
	background: #fff;

	transition:
		transform 0.25s ease,
		background-color 0.25s ease;
}

.lumen-faq__icon::before,
.lumen-faq__icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;

	width: 14px;
	height: 2px;

	border-radius: 10px;
	background-color: #2DAE9F;

	transform: translate(-50%, -50%);
	transform-origin: center;

	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
}

/* Függőleges vonal */
.lumen-faq__icon::after {
	transform:
		translate(-50%, -50%)
		rotate(90deg);
}

/* Nyitott állapot: mínuszjel */
.lumen-faq__item[open]
.lumen-faq__icon::after {
	opacity: 0;
	transform:
		translate(-50%, -50%)
		rotate(90deg)
		scaleX(0);
}

.lumen-faq__item[open]
.lumen-faq__icon {
	transform: rotate(180deg);
}


/* ========================================
   VÁLASZ
======================================== */

.lumen-faq__answer {
	padding: 0 58px 25px 17px;

	color: var(--Solid-White, #FFF);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.28px;
}

.lumen-faq__answer p {
	margin: 0 0 10px;
}

.lumen-faq__answer p:last-child {
	margin-bottom: 0;
}

.lumen-faq__answer ul,
.lumen-faq__answer ol {
	margin: 8px 0 10px;
	padding-left: 20px;
}

.lumen-faq__answer a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}


/* Finom megjelenés nyitáskor */
.lumen-faq__item[open]
.lumen-faq__answer {
	animation: lumen-faq-answer-in 0.28s ease both;
}


/* ========================================
   DARK VÁLTOZAT – VILÁGOS HÁTTÉRHEZ
   Szülőosztály: .lumen-faq-section.dark
======================================== */

.lumen-faq-section.lumen-faq-section.dark {
	--lumen-faq-dark-heading: #141818;
	--lumen-faq-dark-text: #526D91;
	--lumen-faq-dark-border: #a1d8d4;
	--lumen-faq-dark-surface: #fff;
	--lumen-faq-dark-surface-hover: #fff;

	background: #F7F8FA !important;
	background-image: none !important;
	color: var(--lumen-faq-dark-text);
}

.lumen-faq-section.dark .lumen-faq-title,
.lumen-faq-section.dark .lumen-faq-title .elementor-heading-title,
.lumen-faq-section.dark > :is(h1, h2, h3, h4, h5, h6) {
	color: var(--lumen-faq-dark-heading) !important;
}

.lumen-faq-section.dark .lumen-faq__item {
	border-color: rgba(39, 128, 121, 0.12);
	background: var(--lumen-faq-dark-surface);
	box-shadow: 0 8px 24px rgba(20, 24, 24, 0.035);
	color: var(--lumen-faq-dark-text);
}

.lumen-faq-section.dark .lumen-faq__item:hover,
.lumen-faq-section.dark .lumen-faq__item[open] {
	border-color: rgba(39, 128, 121, 0.28);
	background: var(--lumen-faq-dark-surface-hover);
	box-shadow: 0 12px 30px rgba(20, 24, 24, 0.055);
}

.lumen-faq-section.dark .lumen-faq__question-text,
.lumen-faq-section.dark .lumen-faq__question:hover .lumen-faq__question-text {
	color: var(--lumen-faq-dark-heading);
}

.lumen-faq-section.dark .lumen-faq__question:focus-visible {
	outline-color: var(--lumen-area-color, #278079);
}

.lumen-faq-section.dark .lumen-faq__icon {
	background: var(--lumen-area-color, #278079);
}

.lumen-faq-section.dark .lumen-faq__icon::before,
.lumen-faq-section.dark .lumen-faq__icon::after {
	background-color: #fff !important;
}

.lumen-faq-section.dark .lumen-faq__answer,
.lumen-faq-section.dark .lumen-faq__answer :is(p, li, strong, em) {
	color: var(--lumen-faq-dark-text);
}

.lumen-faq-section.dark .lumen-faq__answer :is(h1, h2, h3, h4, h5, h6) {
	color: var(--lumen-faq-dark-heading);
}

.lumen-faq-section.dark .lumen-faq__answer a {
	color: var(--lumen-area-dark-color, #278079);
}

/* A külön GYIK-oldal nagy listája visszafogottabb, könnyebben pásztázható. */
/* A GYIK oldal kérdésblokkja az oldal és a kapcsolatűrlap szürkéjét követi. */
.page-id-1755 .lumen-faq-section.lumen-faq-section.dark {
	background-color: #F9FAFD !important;
}

.page-id-1755 .lumen-faq-section.dark .lumen-faq {
	gap: 12px;
}

.page-id-1755 .lumen-faq-section.dark .lumen-faq__question {
	min-height: 58px;
	padding: 12px 18px;
}

.page-id-1755 .lumen-faq-section.dark .lumen-faq__question-text {
	font-size: 18px;
	line-height: 1.35;
}

.page-id-1755 .lumen-faq-section.dark .lumen-faq__answer {
	padding: 2px 58px 22px 18px;
	font-size: 16px;
	line-height: 1.55;
}

@keyframes lumen-faq-answer-in {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {
	.lumen-faq-section {
		padding-right: 30px;
		padding-left: 30px;
	}

	.lumen-faq-title {
		margin-bottom: 42px;
	}
}


/* ========================================
   MOBIL
======================================== */

@media (max-width: 767px) {
	.lumen-faq-section {
		padding: 40px 18px 46px;
		background-size: auto 1500px !important;
	}

	.lumen-faq-title {
		max-width: 420px;
		margin-bottom: 32px;
	}

	.lumen-faq-title,
	.lumen-faq-title .elementor-heading-title {
		font-size: 32px;
		line-height: 1.12;
		letter-spacing: -0.5px;
	}

	.lumen-faq {
		gap: 10px;
	}

	.lumen-faq__item {
		border-radius: 17px;
	}

	.lumen-faq__question {
		gap: 14px;
		min-height: 54px;
		padding: 16px;
	}

	.lumen-faq__question-text {
		font-size: 15px;
		line-height: 1.3;
	}

	.lumen-faq__icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}

	.lumen-faq__answer {
		padding: 0 45px 20px 15px;
		font-size: 14px;
		line-height: 1.45;
	}
}


/* ========================================
   CSÖKKENTETT MOZGÁS
======================================== */

@media (prefers-reduced-motion: reduce) {
	.lumen-faq__item,
	.lumen-faq__icon,
	.lumen-faq__icon::before,
	.lumen-faq__icon::after {
		transition: none;
	}

	.lumen-faq__item[open]
	.lumen-faq__answer {
		animation: none;
	}
}

/* Több egymás után beillesztett GYIK-shortcode között is a kérdések hézaga marad. */
.lumen-faq + .lumen-faq {
	margin-top: 16px;
}


/* Source: assets/css/07-forms.css */
/* Kapcsolati űrlap */
.contact-form-box {
	background: var(--Gradients-Cian1, linear-gradient(121deg, #22A0AF 0%, #37B88E 100%));
}

/* ========================================
   KAPCSOLATI ŰRLAP – MÉRETJAVÍTÁS
   A korábbi CSS UTÁN kerüljön
======================================== */

.contact-form-box {
	width: 100%;
	padding: 34px 36px 32px;
	border-radius: 22px;
}


/* ========================================
   ŰRLAP RÁCS
======================================== */

.contact-form-box .gform_fields {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	column-gap: 22px !important;
	row-gap: 20px !important;
}

/* A Gravity Forms saját oszlopszélességeinek felülírása */
.contact-form-box .gfield {
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Alapértelmezetten minden mező teljes szélességű. */
.contact-form-box .gfield {
	grid-column: 1 / -1 !important;
}

/* A Gravity Forms fél szélességű mezői egymás mellé kerülnek. */
.contact-form-box .gfield--width-half {
	grid-column: auto !important;
}


/* ========================================
   CÍMKÉK
======================================== */

.contact-form-box .gfield_label,
.contact-form-box .gform-field-label {
	margin: 0 0 7px !important;
	color: #FFFFFF !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
}

/* A „(Kötelező)” helyett csak csillag */
.contact-form-box .gfield_required {
	display: inline !important;
	margin-left: 0 !important;
	font-size: 0 !important;
}

.contact-form-box .gfield_required::after {
	content: "*";
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 400;
}

.gfield_required.gfield_required_text:after {
	content:"";
}



/* ========================================
   INPUTOK
======================================== */

.contact-form-box input[type="text"],
.contact-form-box input[type="email"],
.contact-form-box input[type="tel"] {
	display: block;
	width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 15px !important;

	border: 1px solid transparent !important;
	border-radius: 7px !important;
	background: #FFFFFF !important;
	box-shadow: none !important;

	color: #4F6685 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

/* A konténerek is töltsék ki az oszlopot */
.contact-form-box .ginput_container,
.contact-form-box .ginput_container input,
.contact-form-box .ginput_container select,
.contact-form-box .ginput_container textarea {
	width: 100% !important;
	max-width: none !important;
}

/* ========================================
   LEGÖRDÜLŐ MEZŐK
======================================== */

.contact-form-box select {
	display: block;
	appearance: none !important;
	-webkit-appearance: none !important;

	width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 0 52px 0 15px !important;

	border: 1px solid transparent !important;
	border-radius: 7px !important;
	background-color: #FFFFFF !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5L7 7L12.5 1.5' fill='none' stroke='%234F6685' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 18px center !important;
	background-size: 14px 9px !important;
	box-shadow: none !important;

	color: #4F6685 !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 50px !important;
	vertical-align: middle !important;
	cursor: pointer;
}

.contact-form-box select option {
	background: #FFFFFF;
	color: #4F6685;
}


/* ========================================
   SZÖVEGTERÜLET
======================================== */

.contact-form-box textarea {
	display: block;
	width: 100% !important;
	height: 116px !important;
	min-height: 116px !important;

	margin: 0 !important;
	padding: 15px !important;

	border: 1px solid transparent !important;
	border-radius: 7px !important;
	background: #FFFFFF !important;
	box-shadow: none !important;

	color: #4F6685 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;

	resize: vertical;
}


/* Placeholder */

.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder {
	color: #A8B8CB !important;
	opacity: 1;
}

/* Mezőleírás és a benne található link */
.contact-form-box .gfield_description,
.contact-form-box .gfield_description a {
	color: #FFFFFF !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.contact-form-box .gfield_description {
	width: 100% !important;
	margin-bottom: 10px !important;
	font-weight: 400 !important;
}

.contact-form-box .gfield_description a {
	margin-right: 0.25em;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}


/* Fókusz */

.contact-form-box input[type="text"]:focus,
.contact-form-box input[type="email"]:focus,
.contact-form-box input[type="tel"]:focus,
.contact-form-box select:focus,
.contact-form-box textarea:focus {
	border-color: rgba(39, 128, 121, 0.75) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25) !important;
}


/* ========================================
   ADATVÉDELMI SOR
======================================== */

.contact-form-box .ginput_container_consent {
	display: flex;
	align-items: center;
	gap: 10px;
}

.contact-form-box .gfield_consent_label {
	margin: 0 !important;
	color: #FFFFFF !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

.contact-form-box .gfield_consent_label a {
	color: #FFFFFF !important;
	font-weight: 700 !important;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 0.2px;
}

/* Checkbox */

.contact-form-box .ginput_container_consent input[type="checkbox"] {
	flex: 0 0 15px;
	width: 15px !important;
	height: 15px !important;
	min-width: 15px !important;
	margin: 0 !important;
}


/* ========================================
   KÜLDÉS GOMB
======================================== */

.contact-form-box .gform-footer {
	display: flex !important;
	justify-content: center;
	align-items: center;

	width: 100% !important;
	margin: 24px 0 0 !important;
	padding: 0 !important;
}

/* A korábbi CSS-es kör és nyíl kikapcsolása */
.contact-form-box .gform-footer::before,
.contact-form-box .gform-footer::after {
	display: none !important;
}

.contact-form-box .gform_button {
	width: 176px !important;
	min-width: 176px !important;
	height: 56px !important;
	min-height: 56px !important;

	margin: 0 !important;
	padding: 0 48px 0 25px !important;

	border: 0 !important;
	border-radius: 100px !important;

	background-color: #FFFFFF !important;
	background-image: url("../images/button-arrow-cyan-default.svg") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 36px 36px !important;

	box-shadow: none !important;
	color: #2CAFA9 !important;

	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: left !important;

	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease;
}


/* Hover */

.contact-form-box .gform_button:hover,
.contact-form-box .gform_button:focus-visible {
	background-color: #278079 !important;
	background-image: url("../images/button-arrow-cyan-hover.svg") !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 36px 36px !important;

	color: #FFFFFF !important;
	box-shadow: 0 8px 20px rgba(24, 104, 99, 0.25) !important;
	transform: translateY(-2px);
}


/* ========================================
   TABLET
======================================== */

@media (max-width: 1024px) {
	.contact-form-box {
		padding: 30px 28px;
	}

	.contact-form-box .gform_fields {
		column-gap: 18px !important;
		row-gap: 18px !important;
	}

	.contact-form-box .gform_fields {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.contact-form-box .gfield--width-half {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		max-width: none !important;
	}

	.contact-form-box .gfield--width-half .ginput_container,
	.contact-form-box .gfield--width-half input {
		width: 100% !important;
		max-width: none !important;
	}
}


/* ========================================
   MOBIL
======================================== */

@media (max-width: 767px) {
	.contact-form-box {
		padding: 24px 18px;
		border-radius: 18px;
	}

	.contact-form-box .gform_fields {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: 16px !important;
	}

	.contact-form-box .gfield,
	.contact-form-box .gfield--width-half {
		grid-column: 1 / -1 !important;
	}

	.contact-form-box .gfield_label,
	.contact-form-box .gform-field-label {
		margin-bottom: 8px !important;
		font-size: 16px !important;
	}

	.contact-form-box .gfield_required::after {
		font-size: 16px;
	}

	.contact-form-box input[type="text"],
	.contact-form-box input[type="email"],
	.contact-form-box input[type="tel"],
	.contact-form-box select {
		height: 50px !important;
		min-height: 50px !important;
		font-size: 15px !important;
	}

	.contact-form-box select {
		line-height: 48px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.contact-form-box .gfield_description,
	.contact-form-box .gfield_description a {
		font-size: 13px !important;
	}

	.contact-form-box textarea {
		height: 112px !important;
		min-height: 112px !important;
		font-size: 15px !important;
	}

	.contact-form-box .gfield_consent_label {
		font-size: 13px !important;
	}

	.contact-form-box .gform-footer {
		margin-top: 20px !important;
	}

	.contact-form-box .gform_button {
		width: 100% !important;
		height: 56px !important;
		min-height: 56px !important;
		padding: 0 48px !important;
		text-align: center !important;
	}
}

/* ========================================
   ADATVÉDELMI CHECKBOX – JAVÍTOTT
======================================== */

.contact-form-box .ginput_container_consent {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

/* Checkbox alapállapot */
.contact-form-box
.ginput_container_consent
input[type="checkbox"] {
	position: relative !important;
	display: block !important;
	flex: 0 0 20px !important;

	appearance: none !important;
	-webkit-appearance: none !important;

	box-sizing: border-box !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 4px !important;
	outline: 0 !important;

	background-color: #FFFFFF !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 13px 10px !important;

	box-shadow: none !important;
	cursor: pointer;
}

/* Korábbi és Gravity Forms által generált pipák eltüntetése */
.contact-form-box
.ginput_container_consent
input[type="checkbox"]::before,
.contact-form-box
.ginput_container_consent
input[type="checkbox"]::after {
	display: none !important;
	content: none !important;
}

/* Kipipált állapot */
.contact-form-box
.ginput_container_consent
input[type="checkbox"]:checked {
	background-color: #278079 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'%3E%3Cpath d='M1.5 5.3L5.2 9L12.5 1.5' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 14px 11px !important;
}

/* Hover */
.contact-form-box
.ginput_container_consent
input[type="checkbox"]:hover {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.28) !important;
}

/* Billentyűzetes fókusz */
.contact-form-box
.ginput_container_consent
input[type="checkbox"]:focus,
.contact-form-box
.ginput_container_consent
input[type="checkbox"]:focus-visible {
	border: 0 !important;
	outline: 2px solid rgba(255, 255, 255, 0.9) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* Szöveg */
.contact-form-box .gfield_consent_label {
	flex: 1 1 auto;
	margin: 0 !important;
	color: #FFFFFF !important;
	line-height: 1.4 !important;
	cursor: pointer;
}


/* Email és telefonszám inputjának egy vonalba igazítása */
@media (min-width: 1025px) {
	.contact-form-box #field_1_2,
	.contact-form-box #field_1_5 {
		display: flex !important;
		flex-direction: column;
		align-self: stretch;
	}

	.contact-form-box #field_1_2 .ginput_container,
	.contact-form-box #field_1_5 .ginput_container {
		margin-top: auto !important;
	}
}


/* Source: assets/css/08-breadcrumb.css */
/* Breadcrumb / morzsanavigáció */
.lumen-breadcrumb {
	width: fit-content;
	max-width: 100%;
	color: inherit;
	font: inherit;
}

.lumen-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lumen-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	color:#fff;
	color: var(--Solid-White, #FFF);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.28px;
}

a.lumen-breadcrumb__link {
	color: inherit;
	opacity: 1;
	text-decoration: none;
	transition: opacity 0.2s ease;
	color: var(--Solid-White, #FFF)!important;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.28px;
	font-weight: 700;
}

.lumen-breadcrumb__link:hover,
.lumen-breadcrumb__link:focus-visible {
	opacity: 1;
}

.lumen-breadcrumb__separator {
	display: inline-block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	background: url("../images/chevron-right.svg") center / contain no-repeat;
	color: transparent;
	font-size: 0;
	opacity: 1;
}

.lumen-breadcrumb__current {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.lumen-breadcrumb__link {
		transition: none;
	}
}

@media (max-width:1024px) {
	.lumen-breadcrumb__item,
	a.lumen-breadcrumb__link {
		font-size:18px;
	}
}

@media (max-width:880px) {
	.lumen-breadcrumb__item,
	a.lumen-breadcrumb__link {
		font-size:16px;
	}
}


/* Source: assets/css/09-training-details.css */
/* Képzés részletei: indulási dátumok és célcsoportlista */
/* A beágyazott „Miért tanulnak nálunk…” sablon maga korlátozza a tartalmat. */
@media (min-width: 1025px) {
	body.single-kepzes .elementor-1035 .elementor-element.elementor-element-cd8a0c8 > .e-con-inner {
		max-width: 100%;
	}
}

.kepzes-indulasi-idopontok {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
}

.kepzes-indulasi-idopontok__datum {
	font: inherit;
	font-weight: 700;
	font-size:16px;
}

.kepzes-kinek-ajanlott {
	--kepzes-elvalaszto-pont-szin: #A5C216;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:16px;
}

.color-card-tanfolyam .kepzes-kinek-ajanlott {
	--kepzes-elvalaszto-pont-szin: #fff;
}

.kepzes-kinek-ajanlott__elem {
	display: inline;
}

.kepzes-kinek-ajanlott__elem:not(:first-child)::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 10px 2px;
	border-radius: 50%;
	background: var(--kepzes-elvalaszto-pont-szin);
	content: "";
}

/* „Neked szól a tanfolyam, ha…” lista */
.kepzes-neked-szol {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kepzes-neked-szol__elem {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	color: #526D91;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.25;
}

@media (max-width:1024px) {
	.kepzes-neked-szol__elem {
		font-size:18px;
	}
}

@media (max-width:880px) {
	.kepzes-neked-szol__elem {
		font-size:16px;
	}
}

.kepzes-neked-szol__elem::before {
	width: 28px;
	height: 28px;
	margin-top: 0.12em;
	background-color: var(--lumen-area-color, #B4BD3B);
	content: "";
	-webkit-mask: url("../images/check.svg") center / contain no-repeat;
	mask: url("../images/check.svg") center / contain no-repeat;
}

@media (max-width: 767px) {
	.kepzes-neked-szol__elem {
		grid-template-columns: 24px minmax(0, 1fr);
		gap: 12px;
	}

	.kepzes-neked-szol__elem::before {
		width: 24px;
		height: 24px;
	}
}

/* Elementor Icon List: Font Awesome pipa helyett a Lumen fehér pipa. */
body.single-kepzes .hero-header .elementor-icon-list-icon:has(svg.e-fas-check) {
	display: inline-block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background: url("../images/check-white.svg") center / contain no-repeat;
}

body.single-kepzes .hero-header .elementor-icon-list-icon:has(svg.e-fas-check) svg {
	display: none !important;
}

/* Képzési tematika */
.kepzes-tematika {
	display: flex;
	flex-direction: column;
	gap: 18px;
	color: #fff;
}

.kepzes-tematika__elem {
	display: grid;
	grid-template-columns: clamp(100px, 10vw, 150px) minmax(0, 1fr);
	align-items: center;
	column-gap: 32px;
	min-height: 116px;
	padding: 18px 32px;
	border: 1px solid currentColor;
	border-radius: 26px;
	overflow: clip;
}

.kepzes-tematika__reszletek {
	min-width: 0;
}

.kepzes-tematika__fejlec {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 54px;
	align-items: center;
	gap: 24px;
	min-height: 80px;
	padding: 0;
	cursor: pointer;
	list-style: none;
}

.kepzes-tematika__fejlec::-webkit-details-marker {
	display: none;
}

.kepzes-tematika__sorszam {
	align-self: center;
	color: var(--Solid-White, #FFF);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Sora;
	font-size: 80px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
	text-align: center;
}

.kepzes-tematika__cim {
	font-family: Sora;
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
}

.kepzes-tematika__kapcsolo {
	position: relative;
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #fff;
}

.kepzes-tematika__kapcsolo::before,
.kepzes-tematika__kapcsolo::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background: var(--lumen-area-color, #B4BD3B);
	content: "";
	transform: translate(-50%, -50%);
	transition: transform 180ms ease;
}

.kepzes-tematika__kapcsolo::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.kepzes-tematika__reszletek[open] .kepzes-tematika__kapcsolo::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.kepzes-tematika__leiras {
	margin: -4px 78px 12px 0;
	font-size: clamp(16px, 1.3vw, 20px);
	line-height: 1.45;
}

.kepzes-tematika__leiras ul,
.kepzes-tematika__leiras ol {
	padding-left: 28px;
}

.kepzes-tematika__leiras > :first-child {
	margin-top: 0;
}

.kepzes-tematika__leiras > :last-child {
	margin-bottom: 0;
}

.kepzes-tematika__cta {
	width: fit-content;
	margin: 64px auto 0;
}

.kepzes-tematika__cta .elementor-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	padding: 20px 66px 20px 36px;
	border: 1px solid #fff;
	border-radius: 160px;
	background-color: #fff;
	color: var(--lumen-area-color, #37B0A6);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	font-family: Inter, sans-serif;
}


.kepzes-tematika__cta .elementor-button:hover {
	box-shadow: 6px 5px 20px 5px rgba(255, 255, 255, 0.36);
}

.kepzes-tematika__cta .elementor-button-content-wrapper {
	display: flex;
	justify-content: center;
	width: 100%;
}

/*
 * Desktopon a lenyíló leírás csak lefelé növelje a sort: a sorszám és a cím
 * ne igazodjon újra középre a megváltozó kártyamagasságban.
 */
@media (min-width: 768px) {
	.kepzes-tematika__elem {
		align-items: start;
	}

	.kepzes-tematika__sorszam {
		align-self: start;
	}
}

@media (max-width: 767px) {
	.kepzes-tematika {
		gap: 12px;
	}

	.kepzes-tematika__elem {
		position: relative;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		row-gap: 12px;
		min-height: 0;
		padding: 20px;
	}

	.kepzes-tematika__reszletek {
		width: 100%;
	}

	.kepzes-tematika__fejlec {
		display: block;
		min-height: 0;
		padding-right: 58px;
	}

	.kepzes-tematika__sorszam {
		font-size: 48px;
		line-height: 1;
		text-align: left;
	}

	.kepzes-tematika__cim {
		display: block;
		font-size: 19px;
		line-height: 1.3;
	}

	.kepzes-tematika__kapcsolo {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 42px;
		height: 42px;
	}

	.kepzes-tematika__leiras {
		margin: 14px 0 0;
		font-size: 15px;
		line-height: 1.5;
	}

	.kepzes-tematika__leiras ul,
	.kepzes-tematika__leiras ol {
		margin-block: 0;
		padding-left: 22px;
	}

	.kepzes-tematika__cta {
		width: 100%;
		margin-top: 24px;
	}

	.kepzes-tematika__cta .elementor-button {
		width: 100%;
	}
}

/*
 * A beágyazott „Miért tanulnak nálunk…” Elementor-sablon már eleve a
 * képzésoldal 1100 px-es tartalomszélességét kapja. A sablon saját oldalsó
 * paddingje ezért dupla behúzást okozna a többi szekcióhoz képest.
 */
@media (min-width: 881px) {
	body.single-kepzes .elementor-template > .elementor-479 > .e-con.e-parent {
		padding-inline: 0;
	}
}

/*
 * A sablon 1100 px alatt már nem kap automatikus külső margót, ezért a
 * belső konténert ugyanarra a 24 px-es oldalsó sávra igazítjuk, mint a
 * képzésoldal többi szekcióját. Nagyobb nézetben megmarad az 1100 px-es
 * maximális tartalomszélesség.
 */
body.single-kepzes .elementor-template > .elementor-479 > .e-con.e-parent > .e-con-inner {
	width: min(1100px, calc(100% - 48px));
	margin-inline: auto;
}


/* Minden külső paginationös Loop Carousel megkapja az Elementorban beállított alsó helyet. */
.elementor-widget-loop-carousel.elementor-pagination-position-outside > :is(.swiper, .swiper-container),
.elementor-widget-loop-carousel.elementor-pagination-position-outside > .elementor-widget-container > :is(.swiper, .swiper-container) {
	padding-bottom: var(--swiper-padding-bottom, 30px) !important;
}

/* Hiányzó pagination esetén ne maradjon üres hely. */
.elementor-widget-loop-carousel.elementor-pagination-position-outside:not(:has(.swiper-pagination-bullet)) > :is(.swiper, .swiper-container),
.elementor-widget-loop-carousel.elementor-pagination-position-outside:not(:has(.swiper-pagination-bullet)) > .elementor-widget-container > :is(.swiper, .swiper-container) {
	padding-bottom: 0 !important;
}

/* A Swiper a felesleges paginationt a lock osztállyal rejti el. */
.elementor-widget-loop-carousel.elementor-pagination-position-outside:has(.swiper-pagination-lock) > :is(.swiper, .swiper-container),
.elementor-widget-loop-carousel.elementor-pagination-position-outside:has(.swiper-pagination-lock) > .elementor-widget-container > :is(.swiper, .swiper-container) {
	padding-bottom: 0 !important;
}

/* A textarea üres sorait a shortcode bekezdéssé alakítja. */
.kepzes-tematika__leiras > p {
	margin-block: 0 1em;
}
.kepzes-tematika__leiras > p:last-child {
	margin-bottom: 0;
}

/* A 1035-ös képzéssablon szekcióhatárai. */
body.single-kepzes {
	--lumen-course-section-space: 120px;
}
@media (max-width: 1024px) {
	body.single-kepzes { --lumen-course-section-space: 80px; }
}
@media (max-width: 880px) {
	body.single-kepzes { --lumen-course-section-space: 48px; }
}

/* Az üres oktatói szekció felső paddingje se maradjon a két blokk között. */
body.single-kepzes :is(.elementor-element-94db766, .oktato-reszletes, .oktato-kartyak):has(.lumen-course-instructor-loop):not(:has(.e-loop-item)) {
	display: none;
}
body.single-kepzes:not(:has(.lumen-course-instructor-loop .e-loop-item)) .elementor-element-f366eb4 {
	padding-bottom: calc(var(--lumen-course-section-space) / 2);
}
body.single-kepzes:not(:has(.lumen-course-instructor-loop .e-loop-item)) .elementor-element-e80991d {
	padding-top: calc(var(--lumen-course-section-space) / 2);
}

/* Egy vagy több oktató után, közvetlenül a kitöltött véleményszekció előtt. */
body.single-kepzes :is(.elementor-element-94db766, .oktato-reszletes, .oktato-kartyak):has(.elementor-loop-container > .e-loop-item):has(+ .e-con .testimonial .e-loop-item) {
	margin-bottom: var(--lumen-course-section-space);
}


/* Source: assets/css/10-area-theme-colors.css */
/* Területoldalak egységes, sablonosztály alapján vezérelt színezése. */

/* Grafika */
.grafika,
.sarga-grafika,
body:has(.grafika),
body:has(.sarga-grafika.single-teacher) {
	--lumen-area-color: #B4BD3B;
	--lumen-area-dark-color: #868D2B;
	--lumen-area-card-background: var(--Gradients-Yellow, linear-gradient(121deg, #A5C216 0%, #A8BF16 31%, #B4B917 62%, #C8AF1A 93%, #CEAD1B 100%));
	--lumen-area-faq-background: var(--Gradients-Yellow, linear-gradient(121deg, #A5C216 0%, #A8BF16 31%, #B4B917 62%, #C8AF1A 93%, #CEAD1B 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-yellow-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-grafika.png");
	--lumen-area-shadow-color: rgba(180, 189, 59, 0.38);
}

/* Látványtervezés */
.latvanytervezes,
.zold-latvanytervezes,
body:has(.latvanytervezes),
body:has(.zold-latvanytervezes.single-teacher) {
	--lumen-area-color: #4D9E5C;
	--lumen-area-dark-color: #3C7346;
	--lumen-area-card-background: #4D9E5C;
	--lumen-area-faq-background: var(--Gradients-Green, linear-gradient(121deg, #118E56 0%, #8EB037 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-green-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-latvanytervezes.png");
	--lumen-area-shadow-color: rgba(77, 158, 92, 0.38);
}

/* CAD */
.cad,
.kek-cad,
body:has(.cad),
body:has(.kek-cad.single-teacher) {
	--lumen-area-color: #3E68C7;
	--lumen-area-dark-color: #2E4F97;
	--lumen-area-card-background: #3E68C7;
	--lumen-area-faq-background: var(--Gradients-Blue, linear-gradient(121deg, #4E2798 0%, #167ABE 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-blue-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-cad.png");
	--lumen-area-shadow-color: rgba(62, 104, 199, 0.4);
}

/* Videó és film */
.video,
.piros-video-es-film,
body:has(.video),
body:has(.piros-video-es-film.single-teacher) {
	--lumen-area-color: #C24044;
	--lumen-area-dark-color: #923034;
	--lumen-area-card-background: #C24044;
	--lumen-area-faq-background: var(--Gradients-Red, linear-gradient(121deg, #A51467 0%, #CC3D16 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-red-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-video.png");
	--lumen-area-shadow-color: rgba(194, 64, 68, 0.38);
}

/* Online marketing */
.ppc,
.lila-online-marketing,
body:has(.ppc),
body:has(.lila-online-marketing.single-teacher) {
	--lumen-area-color: #6C2D96;
	--lumen-area-dark-color: #491F66;
	--lumen-area-card-background: #6C2D96;
	--lumen-area-faq-background: var(--Gradients-Purple, linear-gradient(121deg, #3F218D 0%, #842597 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-purple-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-ppc.png");
	--lumen-area-shadow-color: rgba(108, 45, 150, 0.38);
}

/* Webfejlesztés */
.web,
.narancssarga-webfejlesztes,
body:has(.web),
body:has(.narancssarga-webfejlesztes.single-teacher) {
	--lumen-area-color: #DB9832;
	--lumen-area-dark-color: #AB7627;
	--lumen-area-card-background: #DB9832;
	--lumen-area-faq-background: var(--Gradients-Orange, linear-gradient(121deg, #CB7117 0%, #CBA21A 100%));
	--lumen-area-button-arrow: url("../images/button-arrow-orange-default.svg");
	--lumen-area-faq-background-image: url("../images/gyik-bg-web.png");
	--lumen-area-shadow-color: rgba(219, 152, 50, 0.4);
}

/* Az E-learning oldal Loop Grid kártyái külön-külön kapják meg a terület színeit. */
.lumen-elearning-area-grafika {
	--lumen-area-color: #B4BD3B;
	--lumen-area-button-arrow: url("../images/button-arrow-yellow-default.svg");
}

.lumen-elearning-area-latvanytervezes {
	--lumen-area-color: #4D9E5C;
	--lumen-area-button-arrow: url("../images/button-arrow-green-default.svg");
}

.lumen-elearning-area-cad {
	--lumen-area-color: #3E68C7;
	--lumen-area-button-arrow: url("../images/button-arrow-blue-default.svg");
}

.lumen-elearning-area-video {
	--lumen-area-color: #C24044;
	--lumen-area-button-arrow: url("../images/button-arrow-red-default.svg");
}

.lumen-elearning-area-ppc {
	--lumen-area-color: #6C2D96;
	--lumen-area-button-arrow: url("../images/button-arrow-purple-default.svg");
}

.lumen-elearning-area-web {
	--lumen-area-color: #DB9832;
	--lumen-area-button-arrow: url("../images/button-arrow-orange-default.svg");
}

.e-loop-item.lumen-elearning-area .outline-card .elementor-heading-title {
	color: var(--lumen-area-color) !important;
}

.e-loop-item.lumen-elearning-area .lumen-clickable-training-card {
	border-color: var(--lumen-area-color) !important;
}

.e-loop-item.lumen-elearning-area .outline-card svg {
	fill: var(--lumen-area-color);
}

.e-loop-item.lumen-elearning-area .kepzes-kinek-ajanlott {
	--kepzes-elvalaszto-pont-szin: var(--lumen-area-color);
}

.e-loop-item.lumen-elearning-area .button-with-arrow .elementor-button {
	background-image: var(--lumen-area-button-arrow) !important;
	color: var(--lumen-area-color) !important;
}

.e-loop-item.lumen-elearning-area .button-with-arrow .elementor-button:is(:hover, :focus-visible) {
	border-color: var(--lumen-area-color) !important;
	background-color: var(--lumen-area-color) !important;
	background-image: url("../images/button-arrow-white-default.svg") !important;
	color: #fff !important;
}

/* Közvetlenül alkalmazható területspecifikus gradiens hátterek */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
) {
	background: var(--lumen-area-faq-background) !important;
}

/*
 * Az oktatókártya külső burka ne kapja meg a segédosztály gradiensét.
 * A területi háttér csak a .trainer-photo és .trainer-back rétegen jelenik meg.
 */
.trainer-flip-card:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
) {
	background: transparent !important;
}

/* Szövegek és számozások */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-card .post-title,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-card .elementor-heading-title,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-card .title h4,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-card .neked-szol-ha,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .color-number p,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .terulet-programok {
	color: var(--lumen-area-color);
}

/* Modul kártyák ikonjai */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-card svg {
	fill: var(--lumen-area-color);
}

/* A „Neked szól, ha…” elemek elválasztópontja */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .kepzes-kinek-ajanlott {
	--kepzes-elvalaszto-pont-szin: var(--lumen-area-color);
}

.color-card-tanfolyam .kepzes-kinek-ajanlott__elem:not(:first-child)::before {
	background:#fff!important;
}


/* Területspecifikus Elementor gombok */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow .elementor-button {
	height: 60px;
	background-image: var(--lumen-area-button-arrow);
	background-position: right 10px center;
	background-repeat: no-repeat;
}

:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow:not(.button-outline-white):not(.primary) .elementor-button {
	color: var(--lumen-area-color) !important;
}

/* A main változat hoverben is megtartja a területszínű szöveget és ikont. */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow.main .elementor-button:hover,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow.main .elementor-button:focus-visible {
	background-color: #fff !important;
	background-image: var(--lumen-area-button-arrow) !important;
	color: var(--lumen-area-color) !important;
}

/* A sima gomb hoverben területszínű hátteret és fehér tartalmat kap. */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow:not(.main):not(.primary):not(.button-outline-white) .elementor-button:hover,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-with-arrow:not(.main):not(.primary):not(.button-outline-white) .elementor-button:focus-visible {
	background-color: var(--lumen-area-color) !important;
	background-image: url("../images/button-arrow-cyan-hover.svg") !important;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-color: var(--lumen-area-color) !important;
	color: #fff !important;
}

/* A fehér körvonalas gomb hover szövege követi a terület színét. */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-outline-white .elementor-button:hover,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .button-outline-white .elementor-button:focus-visible {
	color: var(--lumen-area-color) !important;
}

/* Tanfolyam kártyák háttere */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .color-card-tanfolyam .bg {
	background: var(--lumen-area-card-background);
}

/* Területspecifikus hero háttér */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .hero-bg,
.hero-bg:is(.grafika, .cad, .ppc, .latvanytervezes, .web, .video) {
	background: var(--lumen-area-faq-background);
}

.home .hero-bg {
	background: var(--Gradients-Cian1, linear-gradient(121deg, #22A0AF 0%, #37B88E 100%));
}

/* Területspecifikus action háttér */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .action-bg {
	background: var(--lumen-area-dark-color)!important;
}

/* Körvonalas kártyák */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-color-card {
	border-color: var(--lumen-area-color);
}

/* A képzés bemutatkozó kártyáinak kerete kövesse az aktuális terület színét. */
body.single-kepzes .couse-color-card .outline-card {
	border-color: var(--lumen-area-color, #37B0A6) !important;
}

/* A tanulási formák kártyái semleges keretet kapnak a területszín helyett. */
body.single-kepzes .mouse-glow-card {
	border-color: #00000033 !important;
}

:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .outline-color-card .title h4{
	color: var(--lumen-area-color)!important;
}

/* Területspecifikus mouse glow kártyakeret */
:is(.grafika, .latvanytervezes, .cad, .video, .ppc, .web) .mouse-glow-card,
.mouse-glow-card:is(.grafika, .latvanytervezes, .cad, .video, .ppc, .web) {
	border-color: var(--lumen-area-color) !important;
}

/* Területspecifikus kapcsolatfelvételi űrlap háttere */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .contact-form-box,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .gradient-bg {
	background: var(--lumen-area-faq-background) !important;
}

/* Területspecifikus FAQ plusz/mínusz ikon */
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .lumen-faq__icon::before,
:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .lumen-faq__icon::after {
	background-color: var(--lumen-area-color);
}

/* Területspecifikus FAQ-háttér tableten és mobilon */
@media (min-width:881px) {
	:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .lumen-faq-section {
		/*
		 * A háttér mérete nem az accordion pillanatnyi magasságából számolódik,
		 * ezért nyitáskor nem ugrik. A kép alatti területet a háttérszín
		 * és a színréteg tölti ki, a fotó átméretezése nélkül.
		 */
		background-color: var(--lumen-area-dark-color) !important;
		background-image: var(--lumen-area-faq-background-image) !important;
		background-position: left top !important;
		background-repeat: no-repeat !important;
		background-size: auto 1500px !important;
	}
}

/*
 * A fotó fölötti területspecifikus színréteg minden asztali méretben aktív.
 * Nem a bejegyzéstípusból, hanem a sablon area-osztályából dolgozik, ezért
 * a régi és az új képzésoldalakon is ugyanúgy működik.
 */
@media (min-width: 881px) {
	:is(
		body.grafika,
		body.latvanytervezes,
		body.cad,
		body.video,
		body.ppc,
		body.web,
		body:has(.grafika),
		body:has(.latvanytervezes),
		body:has(.cad),
		body:has(.video),
		body:has(.ppc),
		body:has(.web),
		.grafika,
		.latvanytervezes,
		.cad,
		.video,
		.ppc,
		.web
	) .lumen-faq-section:not(.dark)::before {
		position: absolute;
		z-index: 0;
		inset: 0;
		background: linear-gradient(
			90deg,
			transparent 16%,
			var(--lumen-area-color, #278079) 64%,
			var(--lumen-area-dark-color, #278079) 100%
		);
		content: "";
		opacity: 0.72;
		pointer-events: none;
	}
}

@media (max-width: 880px) {
	:is(body:has(.grafika), body:has(.latvanytervezes), body:has(.cad), body:has(.video), body:has(.ppc), body:has(.web), .grafika, .latvanytervezes, .cad, .video, .ppc, .web) .lumen-faq-section {
		background: var(--lumen-area-faq-background) !important;
	}
}

/*
 * Oktatói adatlapok területspecifikus megjelenése.
 *
 * A single-teacher és a színt meghatározó segédosztály ugyanazon a
 * szülőelemen található. Az oldal alapháttere fehér marad, miközben a
 * leszármazott komponensek az adott terület CSS-változóit használják.
 */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher {
	background: initial !important;
}

/* Szövegek, számozások és modulikonok */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher :is(
	.outline-card .post-title,
	.outline-card .elementor-heading-title,
	.outline-card .title h4,
	.outline-card .neked-szol-ha,
	.color-number p,
	.terulet-programok
) {
	color: var(--lumen-area-color);
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .outline-card svg {
	fill: var(--lumen-area-color);
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .kepzes-kinek-ajanlott {
	--kepzes-elvalaszto-pont-szin: var(--lumen-area-color);
}

/* Gombok */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .button-with-arrow .elementor-button {
	height: 60px;
	background-image: var(--lumen-area-button-arrow);
	background-position: right 10px center;
	background-repeat: no-repeat;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .button-with-arrow:not(.button-outline-white):not(.primary) .elementor-button {
	color: var(--lumen-area-color) !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .button-with-arrow.main .elementor-button:is(:hover, :focus-visible) {
	background-color: #fff !important;
	background-image: var(--lumen-area-button-arrow) !important;
	color: var(--lumen-area-color) !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .button-with-arrow:not(.main):not(.primary):not(.button-outline-white) .elementor-button:is(:hover, :focus-visible) {
	background-color: var(--lumen-area-color) !important;
	background-image: url("../images/button-arrow-cyan-hover.svg") !important;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-color: var(--lumen-area-color) !important;
	color: #fff !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .button-outline-white .elementor-button:is(:hover, :focus-visible) {
	color: var(--lumen-area-color) !important;
}

/* Kártyák és területi hátterek */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .color-card-tanfolyam .bg {
	background: var(--lumen-area-card-background);
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher :is(.hero-bg, .gradient-bg) {
	background: var(--lumen-area-faq-background) !important;
}

/*
 * Az oktatói adatlap kapcsolatfelvételi űrlapja.
 * A selector az Elementorban előforduló mindhárom osztályelrendezést kezeli:
 * a két osztály lehet ugyanazon a szülőn, illetve egymásba is ágyazhatók.
 */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .contact-form-box,
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
) .single-teacher .contact-form-box,
.single-teacher :is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
) .contact-form-box {
	background: var(--lumen-area-faq-background) !important;
}

/*
 * Az oktatói sablonban a területi osztály és az űrlap külön Elementor-
 * szekciókban is lehet. Ilyenkor a body:has() kapcsolja össze őket.
 */
:is(
	body:has(.sarga-grafika.single-teacher),
	body:has(.zold-latvanytervezes.single-teacher),
	body:has(.kek-cad.single-teacher),
	body:has(.piros-video-es-film.single-teacher),
	body:has(.lila-online-marketing.single-teacher),
	body:has(.narancssarga-webfejlesztes.single-teacher)
) .contact-form-box {
	background: var(--lumen-area-faq-background) !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .action-bg {
	background: var(--lumen-area-dark-color) !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher :is(.outline-color-card, .mouse-glow-card) {
	border-color: var(--lumen-area-color) !important;
}

:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .outline-color-card :is(.title, .title h4, .description) {
	color: var(--lumen-area-color) !important;
}

/* FAQ ikon és területi háttér */
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .lumen-faq__icon::before,
:is(
	.sarga-grafika,
	.zold-latvanytervezes,
	.kek-cad,
	.piros-video-es-film,
	.lila-online-marketing,
	.narancssarga-webfejlesztes
).single-teacher .lumen-faq__icon::after {
	background-color: var(--lumen-area-color);
}

@media (min-width: 881px) {
	:is(
		.sarga-grafika,
		.zold-latvanytervezes,
		.kek-cad,
		.piros-video-es-film,
		.lila-online-marketing,
		.narancssarga-webfejlesztes
	).single-teacher .lumen-faq-section {
		background-image:
			var(--lumen-area-faq-background-image),
			var(--lumen-area-faq-background) !important;
		background-position: center top, center !important;
		background-repeat: no-repeat, no-repeat !important;
		background-size: 100% auto, cover !important;
	}
}

@media (max-width: 880px) {
	:is(
		.sarga-grafika,
		.zold-latvanytervezes,
		.kek-cad,
		.piros-video-es-film,
		.lila-online-marketing,
		.narancssarga-webfejlesztes
	).single-teacher .lumen-faq-section {
		background: var(--lumen-area-faq-background) !important;
	}
}


/* Source: assets/css/11-course-schedule.css */
/* Képzésoldali időpontválasztó és jelentkezési összefoglaló. */
.course-schedule {
	--course-accent: var(--lumen-area-color, #B4BD3B);
	--course-interactive: #37B0A6;
	--course-dark: #191919;
	--course-blue: #5F7A9E;
	--course-border: rgba(39, 128, 121, 0.34);
	--course-white: #fff;
	width: 100%;
	color: var(--course-dark);
}

.course-schedule__heading {
	margin-bottom: 16px;
}

.course-schedule__title {
	margin: 0 0 4px;
	font-size: clamp(34px, 4.2vw, 52px);
	line-height: 1.08;
}

.course-schedule__intro {
	margin: 0;
	color: var(--course-blue);
	font-size: 15px;
	line-height: 1.5;
}

.course-schedule__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 16px;
}

.course-schedule__single-option-data {
	display: none !important;
}

.course-schedule__option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 74px;
	padding: 14px 18px;
	border: 1px solid var(--lumen-area-color, #B4BD3B);
	border-radius: 18px;
	background: var(--course-white);
	cursor: pointer;
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease;
}

.course-schedule__option:hover {
	border-color: var(--course-interactive);
	transform: translateY(-2px);
}

.course-schedule__option.is-active {
	border-color: var(--course-interactive);
	box-shadow: inset 0 0 0 1px var(--course-interactive);
}

.course-schedule__radio {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
}

.course-schedule__radio-control {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	border: 1px solid rgba(25, 25, 25, 0.25);
	border-radius: 50%;
}

.course-schedule__option.is-active .course-schedule__radio-control {
	border-color: var(--course-interactive);
}

.course-schedule__option.is-active .course-schedule__radio-control::after {
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: var(--course-interactive);
	content: "";
}

.course-schedule__radio:focus-visible + .course-schedule__radio-control {
	outline: 3px solid rgba(55, 176, 166, 0.24);
	outline-offset: 3px;
}

.course-schedule__option-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 3px;
}

.course-schedule__option-name {
	font-size: 16px;
	line-height: 1.35;
}

.course-schedule__details {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(190px, 1.15fr);
	gap: 24px;
}

.course-schedule__detail-card,
.course-schedule__price-card {
	position: relative;
	display: flex;
	min-width: 0;
	min-height: 152px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 18px 16px;
	border: 1px solid var(--lumen-area-color, #B4BD3B);
	border-radius: 18px;
	background: var(--course-white);
}

.course-schedule__detail-label {
	display: inline-flex;
	min-height: 20px;
	align-items: center;
	padding: 3px 10px;
	border-radius: 100px;
	background: var(--lumen-area-color, var(--course-accent));
	color: #FFF;
	font-family: Inter,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.course-schedule__detail-value {
	color: var(--Solid-Dark, #141818);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: Sora;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.28px;
}

.course-schedule__detail-description {
	display: flex;
	margin-top: auto;
	flex-direction: column;
	gap: 2px;
	color: var(--course-blue);
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.28px;
}

.course-schedule__detail-description strong {
	color: var(--course-dark);
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.28px;
}

.course-schedule__deadline.is-hidden {
	display: none;
}

.course-schedule__footnote {
	margin-top: 16px;
	padding: 4px 2px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--course-blue);
	font-size: 16px;
	line-height: 1.55;
}

.course-schedule__footnote p {
	margin: 0;
}

.course-schedule__footnote p + p {
	margin-top: 8px;
}

/* A shortcode alatti „Készen állsz?” Elementor-doboz. */
.elementor-widget-shortcode:has(> .elementor-widget-container > .course-schedule)
	+ .e-con {
	border-color: transparent !important;
	background: var(--lumen-area-card-background, #37B0A6) !important;
}

.course-schedule__ready-box {
	border-color: transparent !important;
	background: var(--lumen-area-card-background, #37B0A6) !important;
}

.elementor-widget-shortcode:has(> .elementor-widget-container > .course-schedule)
	+ .e-con :is(
		.elementor-heading-title,
		.elementor-widget-text-editor,
		.elementor-widget-text-editor p
	),
.course-schedule__ready-box :is(
	.elementor-heading-title,
	.elementor-widget-text-editor,
	.elementor-widget-text-editor p
) {
	color: #fff !important;
}

.course-schedule__footnote--moved {
	width: 100%;
	margin-top: 0;
}

.elementor-widget-shortcode:has(> .elementor-widget-container > .course-schedule)
	+ .e-con .button-with-arrow.main .elementor-button:is(:hover, :focus-visible),
.course-schedule__ready-box
	.button-with-arrow.main .elementor-button:is(:hover, :focus-visible) {
	box-shadow: 0 12px 30px rgba(255, 255, 255, 0.5) !important;
}

.course-schedule--empty {
	padding: 28px;
	border: 1px solid var(--course-border);
	border-radius: 18px;
	background: #fff;
}

.course-schedule__footnote.course-schedule__footnote--moved a {
	font-weight:500!important;
}

.course-schedule__empty-message h2,
.course-schedule__empty-message p {
	margin-top: 0;
}

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

	.course-schedule__price-card {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.course-schedule__options,
	.course-schedule__details {
		grid-template-columns: 1fr;
	}

	.course-schedule__option {
		min-height: 68px;
		padding: 12px 14px;
	}

	.course-schedule__detail-card,
	.course-schedule__price-card {
		min-height: 132px;
	}

	.course-schedule__price-card {
		grid-column: auto;
	}

	.course-schedule__footnote {
		padding: 2px 0 0;
	}

}

@media (prefers-reduced-motion: reduce) {
	.course-schedule__option {
		transition: none;
	}
}

/* Az indulásonként üres részletmezők a komponens display-szabályai mellett is rejtve maradnak. */
.course-schedule [data-selected-detail][hidden] {
	display: none;
}


/* Source: assets/css/12-legal-cookie.css */
/*
 * Jogi oldalak és Complianz sütikezelő.
 *
 * A jogi tartalom szándékosan külön modulban marad: így az általános
 * Elementor-tipográfiát nem kell felülírni a webhely többi oldalán.
 */

:root {
	--lumen-legal-ink: #141818;
	--lumen-legal-copy: #526d91;
	--lumen-legal-accent: #278079;
	--lumen-legal-accent-light: #37b0a6;
	--lumen-legal-surface: #fff;
	--lumen-legal-soft: #f3f7f7;
	--lumen-legal-line: rgba(39, 128, 121, 0.2);
}

/* --------------------------------------------------------------------------
 * Complianz cookie banner
 * ----------------------------------------------------------------------- */

 @media (min-width: 768px) {
    .cmplz-cookiebanner {
        grid-row-gap: 5px;
    }
}


#cmplz-cookiebanner-container .cmplz-cookiebanner {
	box-sizing: border-box !important;
	max-width: 720px !important;
	padding: 28px !important;
	border: 1px solid var(--lumen-legal-line) !important;
	border-radius: 26px !important;
	background: var(--lumen-legal-surface) !important;
	box-shadow: 0 24px 70px rgba(20, 55, 67, 0.22) !important;
	font-family: "Inter", sans-serif !important;
	color: var(--lumen-legal-copy) !important;
	overflow: hidden !important;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 7px;
	background: linear-gradient(121deg, #22a0af 0%, #37b88e 100%);
}

#cmplz-cookiebanner-container .cmplz-header {
	align-items: center !important;
	min-height: 42px;
}

#cmplz-cookiebanner-container .cmplz-title {
	font-family: "Sora", sans-serif !important;
	font-size: clamp(22px, 3vw, 20px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: var(--lumen-legal-ink) !important;
}

#cmplz-cookiebanner-container .cmplz-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: var(--lumen-legal-soft) !important;
	color: var(--lumen-legal-accent) !important;
	line-height: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

#cmplz-cookiebanner-container .cmplz-close svg {
	display: block !important;
	flex: 0 0 auto;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
}

#cmplz-cookiebanner-container .cmplz-close:hover,
#cmplz-cookiebanner-container .cmplz-close:focus-visible {
	background: var(--lumen-legal-accent) !important;
	color: #fff !important;
	transform: rotate(4deg);
}

#cmplz-cookiebanner-container .cmplz-message {
	font-size: 14px !important;
    line-height: 1.3 !important;
	color: var(--lumen-legal-copy) !important;
}

#cmplz-cookiebanner-container .cmplz-buttons {
	gap: 10px !important;
}

#cmplz-cookiebanner-container .cmplz-btn {
	min-height: 52px !important;
	padding: 12px 22px !important;
	border: 1px solid var(--lumen-legal-accent) !important;
	border-radius: 999px !important;
	font-family: "Sora", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

#cmplz-cookiebanner-container .cmplz-btn:hover,
#cmplz-cookiebanner-container .cmplz-btn:focus-visible {
	transform: translateY(-1px);
}

#cmplz-cookiebanner-container .cmplz-accept,
#cmplz-cookiebanner-container .cmplz-save-preferences {
	background: var(--lumen-legal-accent) !important;
	color: #fff !important;
}

#cmplz-cookiebanner-container .cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-accept:focus-visible,
#cmplz-cookiebanner-container .cmplz-save-preferences:hover,
#cmplz-cookiebanner-container .cmplz-save-preferences:focus-visible {
	border-color: #1f6762 !important;
	background: #1f6762 !important;
}

#cmplz-cookiebanner-container :is(.cmplz-deny, .cmplz-view-preferences) {
	background: #fff !important;
	color: var(--lumen-legal-accent) !important;
}

#cmplz-cookiebanner-container :is(.cmplz-deny, .cmplz-view-preferences):hover,
#cmplz-cookiebanner-container :is(.cmplz-deny, .cmplz-view-preferences):focus-visible {
	background: var(--lumen-legal-soft) !important;
}

#cmplz-cookiebanner-container .cmplz-categories {
	gap: 8px !important;
}

#cmplz-cookiebanner-container .cmplz-category {
	border: 1px solid var(--lumen-legal-line) !important;
	border-radius: 15px !important;
	background: var(--lumen-legal-soft) !important;
	overflow: hidden;
}

#cmplz-cookiebanner-container .cmplz-category-header {
	padding: 13px 15px !important;
}

#cmplz-cookiebanner-container .cmplz-category-title {
	font-family: "Sora", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--lumen-legal-ink) !important;
}

#cmplz-cookiebanner-container .cmplz-description {
	padding: 0 15px 15px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: var(--lumen-legal-copy) !important;
}

#cmplz-cookiebanner-container .cmplz-always-active {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: var(--lumen-legal-accent) !important;
}

#cmplz-cookiebanner-container .cmplz-category-toggle .cmplz-banner-checkbox input:checked + .cmplz-label {
	background-color: var(--lumen-legal-accent) !important;
}

#cmplz-cookiebanner-container .cmplz-links {
	gap: 8px 18px !important;
}

#cmplz-cookiebanner-container .cmplz-link {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--lumen-legal-accent) !important;
	text-decoration-color: rgba(39, 128, 121, 0.45) !important;
	text-underline-offset: 3px;
}

#cmplz-cookiebanner-container .cmplz-link:hover,
#cmplz-cookiebanner-container .cmplz-link:focus-visible {
	color: #1f6762 !important;
}

/* --------------------------------------------------------------------------
 * Adatvédelmi nyilatkozat és süti szabályzat
 * ----------------------------------------------------------------------- */

:is(.page-id-2117, .page-id-2118) .hero-header {
	min-height: 620px !important;
	padding: 280px 24px 96px !important;
}

:is(.page-id-2117, .page-id-2118) .hero-header .elementor-heading-title {
	max-width: 980px;
	margin-inline: auto;
	text-wrap: balance;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) {
	box-sizing: border-box;
	width: calc(100% - 48px) !important;
	max-width: 960px !important;
	margin-inline: auto !important;
	padding: 54px 62px !important;
	border: 1px solid rgba(82, 109, 145, 0.12);
	border-radius: 26px;
	background: var(--lumen-legal-surface);
	box-shadow: 0 18px 55px rgba(47, 78, 96, 0.08);
	font-family: "Inter", sans-serif !important;
	font-size: 17px !important;
	line-height: 1.72 !important;
	color: var(--lumen-legal-copy) !important;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) :is(p, ul, ol) {
	margin: 0 0 18px;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) :is(ul, ol) {
	padding-left: 25px;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) li {
	margin-bottom: 8px;
	padding-left: 4px;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) li::marker {
	color: var(--lumen-legal-accent-light);
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h2 {
	margin: 54px 0 20px !important;
	padding-top: 30px;
	border-top: 1px solid var(--lumen-legal-line);
	font-family: "Sora", sans-serif !important;
	font-size: clamp(27px, 3vw, 34px) !important;
	font-weight: 700 !important;
	line-height: 1.28 !important;
	letter-spacing: -0.025em !important;
	color: var(--lumen-legal-ink) !important;
	text-wrap: balance;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h2:first-of-type {
	margin-top: 38px !important;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h3 {
	margin: 34px 0 13px !important;
	font-family: "Sora", sans-serif !important;
	font-size: clamp(20px, 2vw, 23px) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: -0.015em !important;
	color: var(--lumen-legal-accent) !important;
	text-wrap: balance;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) :is(h4, h5, h6) {
	margin: 26px 0 10px !important;
	font-family: "Sora", sans-serif !important;
	font-size: 18px !important;
	line-height: 1.45 !important;
	color: var(--lumen-legal-ink) !important;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) strong {
	font-weight: 700;
	color: #334a68;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) a {
	font-weight: 600;
	color: var(--lumen-legal-accent) !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(39, 128, 121, 0.45);
	text-underline-offset: 3px;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) a:hover,
:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) a:focus-visible {
	color: #1f6762 !important;
	text-decoration-color: currentColor;
}

:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) :is(table, .cmplz-document) {
	max-width: 100%;
}

@media (max-width: 767px) {
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		inset: auto 12px 12px !important;
		width: auto !important;
		max-width: none !important;
		max-height: calc(100dvh - 24px) !important;
		padding: 18px 16px 15px !important;
		border-radius: 17px !important;
		box-shadow: 0 16px 42px rgba(20, 55, 67, 0.18) !important;
		overflow-y: auto !important;
	}

	#cmplz-cookiebanner-container .cmplz-cookiebanner::before {
		height: 4px;
	}

	#cmplz-cookiebanner-container .cmplz-header {
		min-height: 34px;
	}

	#cmplz-cookiebanner-container .cmplz-title {
		font-size: 19px !important;
	}

	#cmplz-cookiebanner-container .cmplz-close {
		width: 34px !important;
		height: 34px !important;
		padding: 0 !important;
	}

	#cmplz-cookiebanner-container .cmplz-close svg {
		width: 14px !important;
		height: 14px !important;
	}

	#cmplz-cookiebanner-container .cmplz-message {
		font-size: 13px !important;
		line-height: 1.45 !important;
	}

	#cmplz-cookiebanner-container .cmplz-buttons {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	#cmplz-cookiebanner-container .cmplz-btn {
		width: 100% !important;
		min-height: 42px !important;
		padding: 9px 12px !important;
		font-size: 12px !important;
	}

	#cmplz-cookiebanner-container .cmplz-accept {
		grid-column: 1 / -1;
	}

	#cmplz-cookiebanner-container .cmplz-category-header {
		padding: 10px 12px !important;
	}

	#cmplz-cookiebanner-container .cmplz-description {
		padding: 0 12px 12px !important;
		font-size: 12px !important;
	}

	:is(.page-id-2117, .page-id-2118) .hero-header {
		min-height: 480px !important;
		padding: 210px 18px 68px !important;
	}

	:is(.page-id-2117, .page-id-2118) .hero-header .elementor-heading-title {
		font-size: clamp(35px, 10vw, 48px) !important;
		line-height: 1.12 !important;
	}

	:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) {
		width: calc(100% - 28px) !important;
		padding: 30px 20px !important;
		border-radius: 20px;
		font-size: 16px !important;
		line-height: 1.68 !important;
	}

	:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h2 {
		margin-top: 42px !important;
		padding-top: 24px;
		font-size: 25px !important;
	}

	:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h2:first-of-type {
		margin-top: 30px !important;
	}

	:is(.page-id-2117, .page-id-2118) .elementor-widget-text-editor:has(h2) h3 {
		margin-top: 28px !important;
		font-size: 19px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#cmplz-cookiebanner-container :is(.cmplz-btn, .cmplz-close) {
		transition: none !important;
	}
}