@charset "UTF-8";
/* CSS Document */

		/* 							*/
		/*	LANGUAGE SWITCHER		*/
		/* 							*/
		
		
			html[data-acc="1"] #lsw { z-index: 2200; }
			
			.languages {
				position: absolute;
				left: 0;
				top: calc(var(--header_height) / 2);
				top: 0;
				width: 100%;
			}
			
			.languages .language {}
						
			.languages .language-toggle {
				display: block;
				position: absolute;
				width: 45px;
				height: 45px;
				margin: 0;
				padding: 0;
				top: 10px;
				right: 15px;
				align-items: flex-start;
				z-index: 10;
				background-color: rgba(255,255,255,0);
				border-top-left-radius:  3px;
				border-top-right-radius: 3px;
				appearance:none;
				-webkit-appearance:none;
				-moz-appearance:none;
				-o-appearance:none;
				-ms-appearance:none;
				border:none;
				cursor: pointer;
			}
			.languages[data-count="0"] .language-toggle,
			.languages[data-count="1"] .language-toggle { pointer-events: none; }
			
			.languages .language-toggle i {
				display: block;
				position: relative;
				width: 30px;
				height: 20px;
				margin: -10px 0 0 8px;
				background-repeat: no-repeat;
				background-size: 100% 100%;
				box-shadow: inset 0 0 0 1px white;
				box-shadow: inset 0 0 0 1px rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.15);
			}
			html[data-lgc="1"] .languages .language-toggle i { 
				box-shadow: inset 0 0 0 1px rgba(0,0,0,0.33);
			}
				               .languages .pagecover { visibility: hidden; pointer-events: none; opacity: 0; transition:opacity .2s ease, visibility 0s ease .5s; }
				               .languages .switcher { display: grid; max-height: 0; visibility: hidden; pointer-events: none; transition:visibility 0s linear .5s, max-height 0.15s ease;  }
				               .languages .switcher ul.available-languages { opacity: 1; transition:max-height .3s ease, opacity .3s ease; }
				               .languages .language-toggle { background-color: transparent; }
				
			html[data-lgc="0"] .languages .switcher  { grid-template-rows:0fr; max-height:0px; }

			html[data-lgc="1"] .languages .pagecover { visibility: visible; pointer-events: all; opacity: 1; transition:opacity .2s ease, visibility 0s linear 0s;  }
			html[data-lgc="1"] .languages .switcher  { grid-template-rows: 1fr; max-height: 100vh; visibility: visible; pointer-events: all; transition:visibility 0s linear 0s, max-height 0.4s ease;}
			html[data-lgc="1"] .languages .switcher ul.available-languages { opacity: 1; transition:all .3s ease;  }
			html[data-lgc="1"] .languages .language-toggle { background-color: white; }
			
			html[data-pag="admin"] .languages .language-toggle { pointer-events: none; }
			
			
			
			/*
			html[data-lgc="0"] .switcher { max-height: 0px; }
			html[data-lgc="1"] .switcher { max-height: none; }
			
			html[data-lgc="1"] .switcher[data-count="1" ] { max-height: calc( var(--language_switcher_item) * 1 ); }
			html[data-lgc="1"] .switcher[data-count="2" ] { max-height: calc( var(--language_switcher_item) * 2 ); }
			html[data-lgc="1"] .switcher[data-count="3" ] { max-height: calc( var(--language_switcher_item) * 3 ); }
			html[data-lgc="1"] .switcher[data-count="4" ] { max-height: calc( var(--language_switcher_item) * 4 ); }
			html[data-lgc="1"] .switcher[data-count="5" ] { max-height: calc( var(--language_switcher_item) * 5 ); }
			html[data-lgc="1"] .switcher[data-count="6" ] { max-height: calc( var(--language_switcher_item) * 6 ); }
			html[data-lgc="1"] .switcher[data-count="7" ] { max-height: calc( var(--language_switcher_item) * 7 ); }
			html[data-lgc="1"] .switcher[data-count="8" ] { max-height: calc( var(--language_switcher_item) * 8 ); }
			html[data-lgc="1"] .switcher[data-count="9" ] { max-height: calc( var(--language_switcher_item) * 9 ); }
			html[data-lgc="1"] .switcher[data-count="10"] { max-height: calc( var(--language_switcher_item) * 10 ); }
			html[data-lgc="1"] .switcher[data-count="11"] { max-height: calc( var(--language_switcher_item) * 11 ); }
			html[data-lgc="1"] .switcher[data-count="12"] { max-height: calc( var(--language_switcher_item) * 12 ); }
			html[data-lgc="1"] .switcher[data-count="13"] { max-height: calc( var(--language_switcher_item) * 13 ); }
			html[data-lgc="1"] .switcher[data-count="14"] { max-height: calc( var(--language_switcher_item) * 14 ); }
			html[data-lgc="1"] .switcher[data-count="15"] { max-height: calc( var(--language_switcher_item) * 15 ); }
			html[data-lgc="1"] .switcher[data-count="16"] { max-height: calc( var(--language_switcher_item) * 16 ); }
			html[data-lgc="1"] .switcher[data-count="17"] { max-height: calc( var(--language_switcher_item) * 17 ); }
			html[data-lgc="1"] .switcher[data-count="18"] { max-height: calc( var(--language_switcher_item) * 18 ); }
			html[data-lgc="1"] .switcher[data-count="19"] { max-height: calc( var(--language_switcher_item) * 19 ); }
			*/
			
			.languages .pagecover {
				position: fixed;
				width: 100vw;
				height: 100vh;
				background-color: var(--cover_page_color);
				backdrop-filter:blur(1px);
			}
			.languages .switcher {
				position: absolute;
				right: 15px;
				top: 55px;
				padding: 0 0 0 0;
			}
			/* states */
				/*
								   .languages .switcher { display: grid; transition: all 1s ease; }
				html[data-lgc="0"] .languages .switcher { max-height:0;    grid-template-rows: 0fr; }
				html[data-lgc="1"] .languages .switcher { max-height:none; grid-template-rows: 1fr; }
				*/
			
			.languages .switcher ul.localized-title {
				position: relative;
				width: 200px;
				height: 40px;
				margin: 0 0 -40px 0;
				left: -55px;
				top: -37px;
				text-align: right;
				color: black;
				z-index: 1;
				pointer-events: none;
			}
			.languages .switcher ul.localized-title li {
				position: absolute;
				white-space: nowrap;
				transform:translateX(-100%);
				font-size: 1.2rem;
				overflow: hidden;
				opacity: 0;
				margin: 0 0 0 10px;
				transition: margin 0.6s ease, opacity 0.6s ease;
			}
			.languages .switcher:has(ul.available-languages li[data-lang="en"]:hover) ul.localized-title li[data-lang="en"],
			.languages .switcher:has(ul.available-languages li[data-lang="hu"]:hover) ul.localized-title li[data-lang="hu"],
			.languages .switcher:has(ul.available-languages li[data-lang="de"]:hover) ul.localized-title li[data-lang="de"],
			.languages .switcher:has(ul.available-languages li[data-lang="fr"]:hover) ul.localized-title li[data-lang="fr"],
			.languages .switcher:has(ul.available-languages li[data-lang="gb"]:hover) ul.localized-title li[data-lang="gb"],
			.languages .switcher:has(ul.available-languages li[data-lang="it"]:hover) ul.localized-title li[data-lang="it"],
			.languages .switcher:has(ul.available-languages li[data-lang="es"]:hover) ul.localized-title li[data-lang="es"],
			.languages .switcher:has(ul.available-languages li[data-lang="pl"]:hover) ul.localized-title li[data-lang="pl"],
			.languages .switcher:has(ul.available-languages li[data-lang="cs"]:hover) ul.localized-title li[data-lang="cs"],
			.languages .switcher:has(ul.available-languages li[data-lang="sk"]:hover) ul.localized-title li[data-lang="sk"],
			.languages .switcher:has(ul.available-languages li[data-lang="sl"]:hover) ul.localized-title li[data-lang="sl"],
			.languages .switcher:has(ul.available-languages li[data-lang="gr"]:hover) ul.localized-title li[data-lang="gr"] { opacity: 1; margin:0; }
			
			.languages .switcher ul.available-languages {
				display: block;
				overflow: visible;
				overflow: hidden;
				background-color: white;
				box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);
				border-bottom-left-radius:  3px;
				border-bottom-right-radius: 3px;
				/* padding-block: 15px; */
			}
			.languages .switcher ul.available-languages {}
			
			.languages .switcher ul.available-languages li {
				display: block;
				white-space: nowrap;
				padding: 0;
			}
			.languages .switcher ul.available-languages li:first-child {
				padding-top: 20px;
			}
			.languages .switcher ul.available-languages li:last-child {
				padding-bottom: 20px;
			}
			.languages .switcher ul.available-languages li {margin-bottom: -8px;}
			.languages .switcher ul.available-languages li[data-allowed="0"] {
					cursor: not-allowed;
			}
			.languages .switcher ul.available-languages li[data-allowed="0"] a {
				pointer-events: none;
				opacity: 0.5;
			}
			.languages .switcher ul.available-languages li[data-allowed="0"]:before {
				content:"";
				display: block;
				position: relative;
				z-index: 1;
				float: right;
				width: 16px;
				height: 16px;
				margin:0 0 -16px 0;
				top: 10px;
				right:10px;
				background-image: url("../../images/assets/positive/locked.svg");
				background-size: contain;
				background-repeat: no-repeat;
			}
			.languages .switcher ul.available-languages li[data-allowed="0"]:hover:before {
				background-image: url("../../images/assets/negative/locked.svg");
			}
			.languages .switcher ul.available-languages li.current a:before,
			html[data-pag="admin"] .languages .switcher ul.available-languages li[data-lang="en"] a:before,
			html[lang="cs"] .languages .switcher ul.available-languages li[data-lang="cs"] a:before,
			html[lang="de"] .languages .switcher ul.available-languages li[data-lang="de"] a:before,
			html[lang="en"] .languages .switcher ul.available-languages li[data-lang="en"] a:before,
			html[lang="es"] .languages .switcher ul.available-languages li[data-lang="es"] a:before,
			html[lang="fr"] .languages .switcher ul.available-languages li[data-lang="fr"] a:before,
			html[lang="gr"] .languages .switcher ul.available-languages li[data-lang="gr"] a:before,
			html[lang="hu"] .languages .switcher ul.available-languages li[data-lang="hu"] a:before,
			html[lang="it"] .languages .switcher ul.available-languages li[data-lang="it"] a:before,
			html[lang="pl"] .languages .switcher ul.available-languages li[data-lang="pl"] a:before,
			html[lang="pt"] .languages .switcher ul.available-languages li[data-lang="pt"] a:before,
			html[lang="sk"] .languages .switcher ul.available-languages li[data-lang="sk"] a:before,
			html[lang="sl"] .languages .switcher ul.available-languages li[data-lang="sl"] a:before {
				content:"";
				display: block;
				position: relative;
				width: 20px;
				height: 20px;
				margin: 0 0 -20px 0;
				left: -27px;
				background-image: url("../../images/assets/positive/checked.svg");
				background-size: 20px 20px;
				background-repeat: no-repeat;
			}
			.languages .switcher ul.available-languages li.current:hover a:before,
			html[data-pag="admin"] .languages .switcher ul.available-languages li[data-lang="en"]:hover a:before {
				background-image: url("../../images/assets/negative/checked.svg");
			}
			.languages .switcher ul.available-languages li a {
				display: block;
				position: relative;
				width: 100%;
				padding: 10px 55px 10px 35px;
			}
			.languages .switcher ul.available-languages li:hover a {
				background-color: var(--bar);
				background-color: var(--color_secondary);
				color: white;
			}
			.languages .switcher ul.available-languages li a i {
				display: inline-block;
				vertical-align: top;
				background-color: gray;
				background-size: 100% 100%;
				background-repeat: no-repeat;
				width: 20px;
				height: 13px;
				margin: 4px 10px 0 0;
				box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
			}
			.languages .switcher ul.available-languages li:hover a i {
				box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
			}
			.languages .switcher ul.available-languages li a em {
				display: inline-block;
				vertical-align: top;
				font-size: 1.15rem;
				line-height: 20px;
			}
			
			html[lang="cs"] #lsw .language-toggle i { background-image:url(../../images/flags/cs.webp); }
			html[lang="de"] #lsw .language-toggle i { background-image:url(../../images/flags/de.webp); }
			html[lang="en"] #lsw .language-toggle i { background-image:url(../../images/flags/en.webp); }
			html[lang="en"] #lsw .language-toggle i { background-image:url(../../images/flags/gb.webp); }
			html[lang="es"] #lsw .language-toggle i { background-image:url(../../images/flags/es.webp); }
			html[lang="fr"] #lsw .language-toggle i { background-image:url(../../images/flags/fr.webp); }
			html[lang="gr"] #lsw .language-toggle i { background-image:url(../../images/flags/gr.webp); }
			html[lang="hu"] #lsw .language-toggle i { background-image:url(../../images/flags/hu.webp); }
			html[lang="it"] #lsw .language-toggle i { background-image:url(../../images/flags/it.webp); }
			html[lang="pl"] #lsw .language-toggle i { background-image:url(../../images/flags/pl.webp); }
			html[lang="pt"] #lsw .language-toggle i { background-image:url(../../images/flags/pt.webp); }
			html[lang="sk"] #lsw .language-toggle i { background-image:url(../../images/flags/sk.webp); }
			html[lang="sl"] #lsw .language-toggle i { background-image:url(../../images/flags/sl.webp); }


			html[data-pag="admin"] .languages .switcher ul.available-languages {
				Xpointer-events: none;
			}
			html[data-pag="admin"] .languages .switcher ul.available-languages li.current a:before { background-size: 0; }
			html[data-pag="admin"] .languages .switcher ul.available-languages li:not([data-lang="en"]) { filter:grayscale(1); opacity: 0.5; pointer-events: none; }