/* ============================================================
 * User Login Landingpage — Frontend-Styles
 *
 * Dieser Block steuert ausschließlich die Sichtbarkeit der
 * Login-/Logout-Menüpunkte über die Plugin-eigenen Body-Klassen.
 * Die WordPress-Standardklassen .logged-in / .not-logged-in
 * werden hier bewusst NICHT verwendet.
 * ============================================================ */

/* body.ullp-logged-in  .menu-item-ullp-login  { display: none !important; } */
body.ullp-logged-out .menu-item-ullp-logout { display: none !important; }


/* ============================================================
 * Overlay (Login-Form wird per JS geöffnet)
 * ============================================================ */

.ullp-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
}

.ullp-overlay.is-open {
	display: flex;
}

.ullp-overlay-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
}

.ullp-overlay-dialog {
	position: relative;
	background: #fff;
	padding: 2em;
	max-width: 420px;
	width: calc(100% - 2em);
	border-radius: 8px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	max-height: calc(100vh - 2em);
	overflow-y: auto;
}

.ullp-overlay-close {
	position: absolute;
	top: .25em;
	right: .5em;
	background: none;
	border: 0;
	font-size: 2em;
	line-height: 1;
	cursor: pointer;
	padding: .25em .5em;
	color: inherit;
}

body.ullp-overlay-open {
	overflow: hidden;
}


/* ============================================================
 * Eigene Styles für das Login-Form ab hier ergänzen.
 * Das Markup stammt aus [ullp_login_form] und nutzt u.a.:
 *   .ullp-login-wrap
 *   .ullp-view-login | .ullp-view-lostpassword
 *   .ullp-view-resetpass | .ullp-view-resetdone
 *   .ullp-login-form
 *   .ullp-form-login | .ullp-form-lostpassword
 *   .ullp-form-resetpass
 *   .ullp-login-error | .ullp-login-notice
 *   .ullp-login-submit | .ullp-login-remember
 *   .ullp-login-links
 *
 * Für das Overlay zusätzlich:
 *   .ullp-overlay | .ullp-overlay-dialog | .ullp-overlay-body
 *   .ullp-overlay-close | .ullp-overlay-backdrop
 * ============================================================ */