/* باب الدخول — سطح «المجلس»، وقرص المجموعة، وخطوط الأرشيف.
   لا يطبع ووردبرس هنا شيئًا من هويته: لا شعاره ولا ألوانه ولا خطّه. */

body.login {
	background: #15181D;
	background-image:
		linear-gradient(135deg, transparent 46%, rgba(255,255,255,.05) 46%, rgba(255,255,255,.05) 47.2%, transparent 47.2%),
		linear-gradient(225deg, transparent 46%, rgba(255,255,255,.05) 46%, rgba(255,255,255,.05) 47.2%, transparent 47.2%);
	background-size: 78px 78px;
	color: #F7F6F4;
	font-family: "Tajawal", system-ui, -apple-system, sans-serif;
	direction: rtl;
	min-height: 100vh;
	display: flex; align-items: center; justify-content: center;
}

#login {
	width: min(400px, 92vw);
	padding: 0;
}

/* القرص وحده — بمساحة حمايته، وفوق حدّه الأدنى (٢٤px) بمريح. */
#login h1 { margin: 0 0 1.6rem; }
#login h1 a {
	width: 64px; height: 64px;
	background-size: 64px 64px;
	background-position: center;
	margin: 0 auto .2rem;
	text-indent: -9999px; overflow: hidden;
	transition: scale .18s cubic-bezier(.22,.61,.36,1);
}
#login h1 a:hover { scale: 1.05; }

.bh-login__lede {
	text-align: center;
	font-family: "Readex Pro", "Tajawal", system-ui, sans-serif;
	font-weight: 600; font-size: .95rem;
	color: rgba(255,255,255,.62);
	margin: 0 0 1.5rem;
}

/* البطاقة على سطح «الخزانة» — الورق يستقبل الكتابة. */
.login form {
	background: #F7F6F4;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 4px;
	padding: 1.8rem 1.6rem 1.6rem;
	margin: 0; box-shadow: 0 24px 60px -30px rgba(0,0,0,.8);
}

.login form label,
.login form .forgetmenot label {
	color: #231F20;
	font-family: "Readex Pro", "Tajawal", system-ui, sans-serif;
	font-weight: 600; font-size: .88rem;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	background: #fff;
	border: 1px solid rgba(35,31,32,.2);
	border-radius: 4px;
	color: #231F20;
	font-family: "Tajawal", system-ui, sans-serif;
	font-size: 1rem; padding: .62rem .8rem;
	box-shadow: none; direction: ltr; text-align: left;
	transition: border-color .16s, box-shadow .16s;
}
.login form .input:focus,
.login input[type="password"]:focus {
	border-color: #B08A3E;
	box-shadow: 0 0 0 3px rgba(176,138,62,.2);
	outline: none;
}

.login .button-primary {
	background: #B08A3E; border-color: #B08A3E;
	/* حبرٌ على الذهب لا أبيض: الأبيض على الذهب تباينُه دون العتبة. */
	color: #231F20; text-shadow: none; box-shadow: none;
	border-radius: 4px; width: 100%;
	font-family: "Readex Pro", "Tajawal", system-ui, sans-serif;
	font-weight: 600; font-size: .98rem;
	height: auto; padding: .62rem 1rem; line-height: 1.6;
	transition: background .16s, border-color .16s;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: #C9A155; border-color: #C9A155; color: #231F20;
}

/* خيط الأحمر — ٤px، من جهة بدء السطر، لا مساحةً حمراء. */
.login form::before {
	content: ""; display: block;
	width: 56px; height: 4px; background: #ED1C24;
	margin: 0 0 1.3rem;
}

.login .forgetmenot { float: none; margin: .2rem 0 1rem; }
.login .submit { margin: 0; }

#nav, #backtoblog {
	text-align: center; padding: 0; margin: 1.1rem 0 0;
}
#nav a, #backtoblog a {
	color: rgba(255,255,255,.55) !important;
	font-size: .86rem; text-decoration: none;
}
#nav a:hover, #backtoblog a:hover { color: #D9BC7F !important; }

/* الرسائل والأخطاء على السطح الورقي لا على أبيض ووردبرس. */
.login .message,
.login .notice,
#login_error {
	background: #F7F6F4; color: #231F20;
	border: 0; border-inline-start: 4px solid #ED1C24;
	border-radius: 4px; box-shadow: none;
	padding: .8rem 1rem; margin: 0 0 1.1rem;
	font-size: .92rem;
}
.login .message { border-inline-start-color: #B08A3E; }

.login .language-switcher { display: none; }
.login h1 a::after { display: none; }

@media (prefers-reduced-motion: reduce) {
	#login h1 a, .login .button-primary { transition: none; }
}