/* ───────────────────────── Guest pages ─────────────────────────
 * Login, password reset, two-factor, public-share password, error pages (core/css/guest.css).
 * guest.css sets the system font on <body> directly, so the font is set again here.
 */
body[data-themes]:is(#body-login, .guest) {
	font-family: var(--font-face);
}

/* The login box: a shadcn card on the flat sidebar-coloured page */
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) :is(.guest-box, .body-login-container) {
	background-color: var(--ds-card);
	color: var(--ds-card-foreground);
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius-xl);
	box-shadow: var(--ds-shadow-sm);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) :is(.guest-box, .body-login-container) :is(h2, .login-form__headline) {
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* Secondary links under the form («log in with a device», «forgot password») */
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) :is(.guest-box, .body-login-container) :is(.login-form__link, .lost-password-container a, .alternative-logins a) {
	color: var(--ds-muted-foreground);
	font-weight: 500;
}
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) :is(.guest-box, .body-login-container) :is(.login-form__link, .lost-password-container a, .alternative-logins a):hover {
	color: var(--ds-foreground);
}

/* Footer pill («RayaCloud – a safe home for all your data») */
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) footer .footer__info,
body[data-themes]:not([data-theme-light-highcontrast], [data-theme-dark-highcontrast]) #body-login footer > p {
	background-color: transparent;
	color: var(--ds-muted-foreground);
	box-shadow: none;
}

/* Nextcloud does not set dir="rtl" on guest pages, so the Persian login page ran left to right
   (heading, labels, placeholders). Applies to every theme. */
body[data-themes]:is(#body-login, .guest):is(:lang(fa), :lang(ar), :lang(he), :lang(ur), :lang(ps), :lang(ug)) {
	direction: rtl;
}