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

/* ==========================================================================
   2. بطاقة أو صندوق إنشاء الحساب (Signup Card)
   ========================================================================== */
.signup-card {
    border-radius: 4px; /* زوايا منحنية خفيفة تماشياً مع طابع المتجر الفاخر */
}

/* عنوان البطاقة الرئيسي */
.signup-title {
    letter-spacing: 1px;
}

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

/* الخط الفاصل الزخرفي أسفل العناوين */
.signup-divider {
    width: 30px;
    height: 1px;
    background-color: #111;
    margin: 12px auto 0;
}

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

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

/* قائمة شروط قوة كلمة المرور التفاعلية */
.password-requirements-list {
    font-size: 11px;
}

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

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

/* ==========================================================================
   4. تذييل البطاقة (رابط الانتقال لتسجيل الدخول)
   ========================================================================== */
.signup-footer-text {
    font-size: 0.8rem;
}