/* Clubo (csoport) oldal: fájlból betöltött (nem inline) szabályok, hogy a
   gyorsítótár/optimalizáló pluginok ne tudják kiszedni őket. */

/* Tablet (~800px): az oldalsáv rejtve. */
@media (min-width: 701px) and (max-width: 1024px) {
	html body .ld-layout__sidebar,
	html body aside.ld-layout__sidebar,
	html body .learndash-wrapper .ld-layout__sidebar,
	html body .learndash-wrapper aside.ld-layout__sidebar {
		display: none !important;
	}

	/* Az oldalsáv nélkül a tartalom teljes szélességű. */
	html body .learndash-wrapper.ld-layout,
	html body .learndash-wrapper--group.ld-layout {
		display: block !important;
		grid-template-columns: minmax( 0, 1fr ) !important;
	}
	html body .learndash-wrapper.ld-layout > .ld-layout__content,
	html body .learndash-wrapper--group.ld-layout > .ld-layout__content,
	html body .ld-layout > main.ld-layout__content {
		width: 100% !important;
		max-width: none !important;
		flex: 1 1 100% !important;
		grid-column: 1 / -1 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}
}

/* Ingyenes Clubo belépés popup: sötét háttér + fehér doboz. */
body.ld-ice-owner-popup-open { overflow: hidden; }
html body .ld-ice-free-login-popup {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2147483000 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	background: rgba( 20, 22, 41, 0.55 ) !important;
	background-color: rgba( 20, 22, 41, 0.55 ) !important;
}
html body .ld-ice-free-login-popup[hidden] { display: none !important; }
html body .ld-ice-free-login-popup .ld-ice-free-login-popup__overlay {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	background: transparent !important;
}
html body .ld-ice-free-login-popup .ld-ice-free-login-popup__dialog {
	position: relative !important;
	z-index: 1;
	width: 100%;
	max-width: 440px;
	max-height: calc( 100vh - 40px );
	max-height: calc( 100dvh - 40px );
	overflow-y: auto;
	background: #f2ecda !important;
	background-color: #f2ecda !important;
	background-image: none !important;
	opacity: 1 !important;
	color: #013941;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.3 );
	padding: 28px 24px 24px;
	box-sizing: border-box;
}

/* Ingyenes Clubo belépés popup: kisebb térköz a mezők alatt, és a belépés
   gomb is közelebb van az utolsó mezőhöz. Csak ebben a popupban érvényes. */
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode input.ld-form__field[id$="-user_login"],
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode input.ld-form__field[id$="-user_pass"] {
	margin-bottom: 4px !important;
}
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-username,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-password {
	margin-bottom: 0 !important;
}
/* Az űrlap saját gombszabálya #id-s (1,2,1), ezért itt az #id mellé 2 osztály kell. */
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-submit input[type="submit"].button-primary {
	margin-top: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}
/* A belépés gomb felett pontosan 10 px hely van: a "Jegyezz meg / Elfelejtett
   jelszó" sor alatt és a gomb körüli sorban sincs margó/padding. */
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .ld-registration__login_options_wrapper,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .ld-registration__login_options_wrapper p,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-remember,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .ld-registration__forgot-password {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-submit {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
/* Minden kijelzőn teljes szélesség: mezők, jelszó sor, gomb. */
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode form.ld-form,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-username,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .login-password,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .ld-ice-login-password-wrapper,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode .ld-registration__login_options_wrapper,
html body #ld-ice-free-login-popup .ld-ice-login-form-shortcode input.ld-form__field {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* "Belépés" cím a popupban: normál betűtávolság (a téma címsor stílusa
   szűkíti), így nem tapadnak össze a betűk. */
html body #ld-ice-free-login-popup .ld-ice-free-login-popup__title {
	letter-spacing: normal !important;
	word-spacing: normal !important;
}