/* Vízszintes információ forgató */

div#informacio_forgato_vizszintes_tarto {
	background-color: var(--background_color_5);
	display: none;
}

div#din_informacio_forgato_vizszintes_tarto {
	height: 60px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

div#din_informacio_forgato_vizszintes_tarto div {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
}

div#din_informacio_forgato_vizszintes_tarto div p,
div#din_informacio_forgato_vizszintes_tarto div a {
	color: var(--text_color_4);
	display: inline-block;
	font-size: 1.125rem;
	padding: 0 5px;
}

div#din_informacio_forgato_vizszintes_tarto div.informacio_forgato_vizszintes_hir p.informacio_forgato_vizszintes_hir_datum {
	color: #ffffff;
}

@media only screen and (min-width: 1025px) {

	div#informacio_forgato_vizszintes_tarto {
		display: block;
	}

}

/* Vásárló menü */

div.vasarlo_menu_tarto {
	padding: 20px 5px;
}

div.vasarlo_menu_tarto a {
	background-color: var(--background_color_3);
	border: 1px solid var(--border_color_1);
	border-radius: 20px;
	box-sizing: border-box;
	color: var(--text_color_5);
	display: block;
	font-size: 20px;
	padding: 30px 0;
	text-align: center;
	text-decoration: none;
	transition: background 0.1s ease-in;
	height: 100%;
}

div.vasarlo_menu_kijelentkezve {
	display: grid;
	grid-auto-rows: 1fr;
	grid-gap: 5px;
	grid-template-columns: 1fr;
}

div.vasarlo_menu_bejelentkezve {
	display: grid;
	grid-auto-rows: 1fr;
	grid-gap: 5px;
	grid-template-columns: 1fr;
}

@media only screen and (min-width: 650px) {

	div.vasarlo_menu_kijelentkezve {
		grid-template-columns: repeat(3, 1fr);
	}

	div.vasarlo_menu_bejelentkezve {
		grid-template-columns: repeat(3, 1fr);
	}

	div.vasarlo_menu_tarto a {
		font-size: 25px;
		padding: 50px 0;
	}

}

div#vasarlo_menu_bejelentkezes_elem a::before {
	content: "\f2f6";
}

div#vasarlo_menu_regisztracio_elem a::before {
	content: "\f234";
}

div#vasarlo_menu_elfelejtett_jelszo_elem a::before {
	content: "\f13e";
}

div#vasarlo_menu_adatmodositas_elem a::before {
	content: "\f4fe";
}

div#vasarlo_menu_korabbi_rendelesek_elem a::before {
	content: "\f07a";
}

div#vasarlo_menu_ajandekpont_egyenleg_elem a::before {
	content: "\f004";
}

div#vasarlo_menu_kijelentkezes_elem a::before {
	content: "\f2f5";
}

div#vasarlo_menu_suti_engedelyek_elem a::before {
	content: "\f1c9";
}

div.vasarlo_menu_tarto a:hover {
	background-color: var(--background_color_1);
}

div.vasarlo_menu_tarto a::before {
	color: var(--text_color_3);
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	display: block;
	font-size: 50px;
	padding-bottom: 10px;
}

/* Szűrő tartó és tartalom tartó kapcsolata */

div.szuro_tarto {
	padding: 30px 0;
}

div.tartalom_tarto > div:first-of-type {
	overflow-y: auto;
}

body.oldal_mod_termeklap div.szuro_tarto,
body.oldal_mod_penztar div.szuro_tarto,
body.oldal_mod_rendeles div.szuro_tarto,
body.oldal_mod_blog div.szuro_tarto {
	display: none;
}

@media only screen and (min-width: 900px) {
	div.tartalom_oldal_tarto {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	div.tartalom_tarto {
		padding: 50px 0 20px 20px;
		width: 75%;
	}

	body.oldal_mod_termeklap div.tartalom_tarto,
	body.oldal_mod_penztar div.tartalom_tarto,
	body.oldal_mod_rendeles div.tartalom_tarto {
		padding: 0;
		width: 100%;
	}

	div.szuro_tarto {
		background: linear-gradient(90deg, #ffffff 0%, #f5f5f5 10rem, #f5f5f5 100%);
		padding: 50px 20px 20px 0;
		width: 25%;
	}

}

/* Termék szűrő űrlap */

form#din_termek_szuro_urlap {
	padding-bottom: 20px;
}

form#din_termek_szuro_urlap legend {
	background-color: var(--background_color_2);
	box-sizing: border-box;
	color: var(--text_color_2);
	font-size: 1rem;
	font-weight: normal;
	padding: 13px;
	width: 100%;
}

form#din_termek_szuro_urlap div {
	box-sizing: border-box;
	clear: left;
	font-size: 0.875rem;
	overflow: auto;
	padding: 10px 0;
}

form#din_termek_szuro_urlap div.termek_szuro_urlap_kotelezo_sor {
	font-weight: bold;
}

form#din_termek_szuro_urlap fieldset {
	margin-bottom: 10px;
}

form#din_termek_szuro_urlap label {
	color: var(--text_color_2);
	display: block;
	padding: 0 13px 5px;
}

form#din_termek_szuro_urlap div input, form#din_termek_szuro_urlap div select {
	background-color: #ffffff;
	border: 1px solid var(--border_color_1);
	box-sizing: border-box;
	color: var(--text_color_1);
	font-size: 0.875rem;
	font-weight: normal;
	padding: 6px 11px;
	width: 100%;
}

form#din_termek_szuro_urlap div select {
	height: 100%;
}

form#din_termek_szuro_urlap input.termek_szuro_urlap_checkbox {
	margin-top: 9px;
	width: auto;
}

form#din_termek_szuro_urlap input#termek_szuro_urlap_kereses_funkcio {
	background-color: var(--button_color_1);
	border-radius: 3rem;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 0.875rem;
	margin: 13px 0;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

form#din_termek_szuro_urlap input#termek_szuro_urlap_kereses_funkcio:hover {
	background-color: var(--button_color_2);
}

/* Az alábbi sorokat kikapcsoljuk a jobb áttekinthetőség miatt,
de a script tudja őket kezelni, ha mégis kellenének */
div#termek_szuro_urlap_termeknev_sor,
div#termek_szuro_urlap_termek_gyarto_sor,
div#termek_szuro_urlap_termek_rovid_leiras_sor,
div#termek_szuro_urlap_termek_leiras_sor {
	display: none;
}

/* Szűrő */

div.szuro_megjelenites_funkcio {
	background-color: var(--button_color_1);
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
	width: 100%;
}

div.szuro_megjelenites_funkcio.szuro_megjelenites_funkcio_zart:after {
	content: "\f0fe";
	float: right;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
}

div.szuro_megjelenites_funkcio.szuro_megjelenites_funkcio_nyitott:after {
	content: "\f146";
	float: right;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
}

div.szuro_megjelenites_funkcio:hover {
	background-color: var(--button_color_2);
}

div.szuro_tartalom {
	animation: szuro_megjelenes 0.2s;
	border-radius: 10px;
	overflow: auto;
}

@keyframes szuro_megjelenes {
	from {
		transform: scale(0.95);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

div.szuro_tartalom_parameterek {
	background-color: var(--background_color_3);
	border-bottom: 3px solid var(--border_color_1);
	display: none;
}

@media only screen and (min-width: 900px) {

	div.szuro_tartalom_parameterek {
		border-bottom: none;
		display: block;
		margin: 0;
		width: 100%;
	}

}

div.din_szuro_tarto p.szuro_cim {
	background-color: var(--background_color_2);
	box-sizing: border-box;
	color: var(--text_color_2);
	font-size: 1rem;
	font-weight: normal;
	padding: 13px;
	width: 100%;
}

ul.szuro_csoport_lista {
	background-color: var(--background_color_3);
	box-sizing: border-box;
	overflow: auto;
	width: 100%;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista {
	list-style-type: none;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista li {
	clear: left;
	font-size: 0.875rem;
	list-style-type: none;
	padding: 5px 13px;
	overflow: auto;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_rejtett {
	display: none;
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_tovabbiak {
	background-color: var(--background_color_1);
}

ul.szuro_csoport_lista li.szuro_alcsoport_lista_tovabbiak span {
	color: var(--text_color_3);
	cursor: pointer;
	float: right;
	line-height: 200%;
	padding-right: 13px;
}

ul.szuro_csoport_lista.arkeret li {
	overflow: hidden;
	padding: 5px 13px;
}

div.din_szuro_tarto a {
	color: var(--text_color_1);
	line-height: 200%;
	text-decoration: none;
}

div.din_szuro_tarto span.szuro_passziv {
	color: var(--text_color_5);
	line-height: 200%;
}

div.din_szuro_tarto a.szuro_normal span.szuro_jelolo:before,
div.din_szuro_tarto span.szuro_passziv span.szuro_jelolo:before {
	content: "\f0c8";
	display: inline-block;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	padding-right: 5px;
}

div.din_szuro_tarto a.szuro_normal.szin span.szuro_jelolo:before {
	content: "\f0c8" !important;
}

div.din_szuro_tarto a.szuro_aktiv span.szuro_jelolo:before {
	content: "\f14a";
	display: inline-block;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	padding-right: 5px;
}

div#szuro_arkeret_slider {
	box-sizing: border-box;
	margin: 15px 13px;
}

div#szuro_arkeret_slider span.ui-slider-handle {
	background: none;
	background-color: var(--button_color_1);
	border-radius: 5px;
}

div#szuro_arkeret_slider .ui-widget-header {
	background: none;
}

p#szuro_arkeret_slider_min {
	float: left;
	font-size: 12px;
}

p#szuro_arkeret_slider_max {
	float: right;
	font-size: 12px;
}

/* Felhő kereső */

div#termek_kereso_felho a {
	color: var(--text_color_1);
	display: inline-block;
	padding: 10px;
}