/* ELSTA custom login. Pozycja=position:fixed (sek.4 desktop, sek.5 mobile) -> stabilne przy F11 */

/* 1. Tlo + spotlight pod karta (desktop) */
body:has(.user.signin), body:has(.user.signup), body:has(.user.activate),
body:has(.user.forgot_password), body:has(.user.reset_password) {
	background-image:
		radial-gradient(ellipse 55% 65% at 85% 82%,
			rgba(0,0,0,.84) 0%, rgba(0,0,0,.40) 45%, rgba(0,0,0,0) 75%),
		url("/assets/img/login-bg.jpg");
	background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;
}

/* 2. Gole pola (bez czarnego tla) */
body:has(.user.signin) .page-content.user.signin *:not(input):not(button):not(.button),
body:has(.user.signup) .page-content.user.signup *:not(input):not(button):not(.button) {
	background: transparent !important; border-color: transparent !important;
	box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body:has(.user.signin) .page-content.user.signin input,
body:has(.user.signup) .page-content.user.signup input {
	background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.40) !important; color: #fff !important;
}
body:has(.user.signin) .page-content.user.signin,
body:has(.user.signup) .page-content.user.signup { text-shadow: 0 1px 3px rgba(0,0,0,.8); }
body:has(.user.signin) .page-content.user.signin :is(h1,h2,h3,h4),
body:has(.user.signup) .page-content.user.signup :is(h1,h2,h3,h4) { display: none !important; }

/* 2b. Panel formularza — dim + obrys + cien */
body:has(.user.signin) .page-content.user.signin form.ui.form,
body:has(.user.signup) .page-content.user.signup form.ui.form {
	background: rgba(0,0,0,.18) !important; border-radius: 12px; padding: 1.25rem 1.5rem;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.14), 0 6px 24px rgba(0,0,0,.40) !important;
}

/* 6. Ukryj na stronie logowania: Pomoc + Licencje/API */
body:has(.user.signin) .navbar a.item[href*="docs.gitea.com"],
body:has(.user.signin) .page-footer a[href*="licenses.txt"],
body:has(.user.signin) .page-footer a[href*="/api/swagger"] { display: none !important; }

/* 3. Navbar */
body:has(.user.signin) .navbar, body:has(.user.signup) .navbar {
	background: color-mix(in srgb, var(--color-nav-bg,#1b1b1b) 70%, transparent) !important;
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}

/* 4. DESKTOP: panel (form+passkey) zakotwiczony w rogu (stabilne przy F11). TUNE: right, bottom (wieksze=wyzej) */
body:has(.user.signin) .page-content.user.signin .column,
body:has(.user.signup) .page-content.user.signup .column {
	position: fixed !important; right: 4vw; bottom: 12vh; width: 400px; max-width: 92vw;
	margin: 0 !important; padding: 0 !important; z-index: 5;
}

/* 5. MOBILE: override pozycji rogu (dziedziczy position:fixed) */
@media (max-width: 820px) {
	body:has(.user.signin) .page-content.user.signin .column,
	body:has(.user.signup) .page-content.user.signup .column {
		right: 0.5rem; bottom: 1.5rem; width: calc(100% - 1rem); max-width: 280px;
	}
	body:has(.user.signin), body:has(.user.signup) {
		overflow: auto !important;
		background-image: linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)), url("/assets/img/login-bg.jpg") !important;
		background-attachment: scroll !important;
	}
	body:has(.user.signin) .page-content.user.signin .ui.header,
	body:has(.user.signup) .page-content.user.signup .ui.header,
	body:has(.user.signin) .page-footer, body:has(.user.signup) .page-footer { display: none !important; }
}