/* 1. إعدادات عامة للحاوية وتغيير الاتجاه */
.card-body {
    direction: rtl !important;
    text-align: right !important;
}

/* 2. تعريب العنوان الرئيسي (FullBotz Agency - Login) */
.card-body h3 {
    visibility: hidden;
    position: relative;
    font-weight: 800 !important;
}

.card-body h3::after {
    content: "FullBotz Agency";
    visibility: visible;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #00d2ff, #6a11cb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 3. تعريب واجهات الإدخال (Labels) */
label[for="email"] {
    visibility: hidden;
    position: relative;
}

label[for="email"]::after {
    content: "البريد الإلكتروني";
    visibility: visible;
    position: absolute;
    right: 0;
    color: #555;
}

label[for="password"] {
    visibility: hidden;
    position: relative;
}

label[for="password"]::after {
    content: "كلمة المرور";
    visibility: visible;
    position: absolute;
    right: 0;
}

/* 4. لمسة الذكاء الاصطناعي للحقول (Inputs) */
.form-control {
    border-radius: 12px !important;
    border: 1px solid #d1d1d1 !important;
    transition: all 0.3s ease-in-out !important;
    text-align: right !important;
    padding-right: 45px !important; /* مسافة للأيقونة في جهة اليمين */
}

.form-control:focus {
    border-color: #00d2ff !important;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.2) !important;
    transform: translateY(-1px);
}




/* 6. تعريب "نسيت كلمة المرور" (Reset Password) */
.float-start.text-muted {
    visibility: hidden;
    position: relative;
    float: right !important; /* نقلها لليمين */
}

.float-start.text-muted::after {
    content: "استعادة الوصول؟ (نسيت كلمة المرور)";
    visibility: visible;
    position: absolute;
    right: 0;
    white-space: nowrap;
    font-size: 0.9rem;
    color: #888;
}

/* 7. ضبط الأيقونات لتناسب اللغة العربية */
.has-icon-left .form-control-icon {
    right: 15px !important; /* نقل الأيقونة من اليسار لليمين */
    left: auto !important;
    z-index: 5;
}

/* 8. إضافة تأثير "النبض" للوجو ليعطي إيحاء بالذكاء الاصطناعي */
.card-body img {
    filter: drop-shadow(0 0 5px rgba(0, 210, 255, 0.4));
    animation: ai-glow 3s infinite ease-in-out;
}

@keyframes ai-glow {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(0, 210, 255, 0.4)); }
    50% { filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.8)); }
}