/* LANDVORA web pages (18/10/2026): the login and password pages and any other web page of erp.landvora.sa in the
   brand's colours (forest green #153a30, gold #e7b786 with dark ink on it, cream #f4f1ea) and the Almarai typeface,
   with the logo large on the login card. The logo itself comes from Website Settings «app_logo»
   (landvora.branding.apply); the favicon and the splash from hooks.website_context. While no e-mail can be sent,
   branding.apply also hides «Forgot password?» (Website Settings «head_html», with the browser bar's green) and turns
   «Login with Email Link» off (System Settings). Logical properties only: the pages are RTL in Arabic and LTR in
   English. */

:root,
[data-theme="light"] {
	--lv-gold: #e7b786;
	--lv-gold-dark: #d4a06f;
	--lv-gold-ink: #2b2119;
	--lv-brown: #153a30;
	--lv-bronze: #7e6745;
	--lv-page: #f4f1ea;
	--lv-line: #ebe3d7;
	--lv-line-strong: #d8ccba;
	--lv-text: #2e2b27;
	--lv-focus: rgba(231, 183, 134, 0.35);
	--font-stack: "Almarai", "Segoe UI", Tahoma, sans-serif;
	--heading-color: var(--lv-brown);
	--text-color: var(--lv-text);
}

html, body, input, select, textarea, button, .btn, .form-control {
	font-family: var(--font-stack) !important;
}

body {
	background-color: var(--lv-page) !important;
	color: var(--lv-text);
}

/* --- the login, forgot-password, email-link and reset-password cards ----------------------------------------------- */
.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card,
.for-reset-password .page-card {
	background-color: #fff !important;
	border: 1px solid var(--lv-line);
	border-top: 3px solid var(--lv-gold);
	box-shadow: 0 8px 28px rgba(21, 58, 48, 0.08);
}
.page-card-head {
	align-items: center !important;
	text-align: center !important;
}
.page-card-head img.app-logo {
	max-height: 120px !important;
	max-width: 100%;
	align-self: center;
}
.page-card-head h4 { color: var(--lv-brown); font-weight: 800; }
.page-card-head .page-card-subtitle { color: #7a6a5a; }

.page-card .form-control {
	background-color: #fff !important;
	border: 1px solid var(--lv-line-strong) !important;
}
.page-card .form-control:focus {
	border-color: var(--lv-gold) !important;
	box-shadow: 0 0 0 2px var(--lv-focus) !important;
}
.page-card .forgot-password-message { text-align: end !important; }
.page-card .forgot-password-message a,
.page-card a { color: var(--lv-bronze); }

.page-card .page-card-actions .btn-login,
.page-card .page-card-actions .btn-ldap-login,
.page-card .btn-primary,
.btn-primary {
	background: var(--lv-gold) !important;
	border-color: var(--lv-gold) !important;
	color: var(--lv-gold-ink) !important;
	font-weight: 700 !important;
}
.page-card .page-card-actions .btn-login:hover,
.page-card .page-card-actions .btn-login:focus,
.page-card .page-card-actions .btn-ldap-login:hover,
.page-card .btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus {
	background: var(--lv-gold-dark) !important;
	border-color: var(--lv-gold-dark) !important;
	color: var(--lv-gold-ink) !important;
}
.page-card .page-card-actions .btn-login:disabled {
	background: var(--lv-gold) !important;
	color: var(--lv-gold-ink) !important;
	opacity: 0.7;
}

/* phones: the card fills the screen (Frappe's own rule); no frame around it */
@media (max-width: 575px) {
	.for-login .page-card,
	.for-forgot .page-card,
	.for-login-with-email-link .page-card,
	.for-reset-password .page-card {
		border: none;
		box-shadow: none;
	}
	.page-card-head img.app-logo { max-height: 96px !important; }
}

/* --- the website bar (a page other than the login) ---------------------------------------------------------------- */
.navbar-brand img { max-height: 36px; }
.web-footer { border-top: 2px solid var(--lv-gold); }