/* Barakah branding for public pages (login, password reset, portal). */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600&family=Inter:wght@400;500;600&display=swap");

:root,
[data-theme="light"] {
	--primary: #0e6e55;
	--primary-color: #0e6e55;
	--btn-primary: #0e6e55;
	--brand-color: #0e6e55;
	--font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[dir="rtl"] {
	--font-stack: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, sans-serif;
}

body[data-path="login"],
body[data-path="update-password"] {
	background:
		radial-gradient(1200px 600px at 110% -10%, rgba(201, 162, 39, 0.12), transparent 60%),
		radial-gradient(900px 500px at -10% 110%, rgba(14, 110, 85, 0.12), transparent 60%),
		#f7faf8;
}

.for-login .page-card,
.for-forgot .page-card,
.for-signup .page-card {
	border-radius: 16px;
	border: 1px solid #e3ece8;
	box-shadow: 0 10px 30px rgba(8, 61, 48, 0.08);
}

.page-card-head .app-logo {
	width: 56px;
	height: 56px;
}

.page-card-head h4 {
	font-weight: 600;
	color: #083d30;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.for-login .btn-login:not(.btn-login-option),
.for-forgot .btn-forgot,
.for-login .btn-login:not(.btn-login-option):hover {
	background-color: #0e6e55 !important;
	border-color: #0e6e55 !important;
	color: #fff !important;
}

/* The "Powered by" footer is replaced by the Website Settings footer text */
.footer-powered {
	opacity: 0.7;
}