/* ==========================================================================
   1. حاوية صفحة تسجيل الدخول (Main Container)
   ========================================================================== */
   .login-container {
    min-height: 75vh; /* ضبط الحد الأدنى لارتفاع الحاوية للتوسيط العمودي */
    padding: 40px 0;  /* مسافة علوية وسفلية لحفظ الهامش */
}

/* ==========================================================================
   2. بطاقة/صندوق تسجيل الدخول (Login Card)
   ========================================================================== */
.login-card {
    border-radius: 4px; /* حواف منحنية خفيفة لتوحي بالفخامة البسيطة */
}

/* العنوان الرئيسي للبطاقة */
.login-title {
    letter-spacing: 1px; /* تباعد الأحرف لتعزيز المظهر الفاخر */
}

/* العنوان الفرعي */
.login-subtitle {
    letter-spacing: 1.5px;
    font-size: 0.75rem;
}

/* الخط الفاصل الجمالي تحت العنوان */
.login-divider {
    width: 30px;
    height: 1px;
    background-color: #111;
    margin: 12px auto 0;
}

/* ==========================================================================
   3. عناصر النموذج والمدخلات (Form Elements)
   ========================================================================== */
/* تسميات حقول المدخلات (Labels) */
.login-label {
    font-size: 0.75rem;
    letter-spacing: 1px;
}

/* رابط "نسيت كلمة المرور؟" */
.forgot-pwd-link {
    font-size: 0.75rem;
}

/* زر إظهار/إخفاء كلمة المرور داخل الحقل */
.pwd-toggle-btn {
    font-size: 0.85rem;
}

/* زر تقديم نموذج تسجيل الدخول */
.btn-login-submit {
    font-size: 0.75rem;
    letter-spacing: 2px;
    background-color: #111;
    border-color: #111;
    transition: all 0.3s ease;
}

.btn-login-submit:hover {
    background-color: #333;
    border-color: #333;
}

/* ==========================================================================
   4. النصوص والروابط السفلية (Footer Link Prompt)
   ========================================================================== */
.signup-prompt {
    font-size: 0.8rem;
}