/* 1. استدعاء الخط من جوجل */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

/* 2. تغيير الخط للعربية فقط (شرط وجود lang="ar" في وسم html) */
html[lang="ar"] body, 
html[lang="ar"] h1, 
html[lang="ar"] h2, 
html[lang="ar"] h3, 
html[lang="ar"] h4, 
html[lang="ar"] h5, 
html[lang="ar"] h6, 
html[lang="ar"] p, 
html[lang="ar"] a, 
html[lang="ar"] span, 
html[lang="ar"] li, 
html[lang="ar"] button, 
html[lang="ar"] input, 
html[lang="ar"] label, 
html[lang="ar"] select, 
html[lang="ar"] textarea {
    font-family: 'Tajawal', sans-serif !important;
}

/* 3. تحسينات بصرية إضافية للخط العربي */
html[lang="ar"] p {
    line-height: 1.8 !important; /* مسافة مريحة بين الأسطر العربية */
    font-size: 1.05rem !important; /* تكبير بسيط لأن الخط العربي يظهر أصغر من الإنجليزي */
}

/* 4. الحفاظ على أيقونات الموقع (لأن تغيير الخط الشامل قد يخفيها أحياناً) */
html[lang="ar"] i, 
html[lang="ar"] [class^="la-"], 
html[lang="ar"] [class*=" la-"], 
html[lang="ar"] .fa, 
html[lang="ar"] .fas, 
html[lang="ar"] .fab {
    font-family: "Line Awesome Free", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}
/* حل مشكلة تكرار كلمة المبلغ في صفحة الإيداع */

.form-group input[name="amount"]::placeholder {

    color: transparent !important;

    opacity: 0 !important;

}

/* إذا كانت الكلمة تظهر كإضافة بجانب الحقل وتريد إخفاء واحدة منها */

.input-group-text {

    display: none !important;

}

/* لضمان عدم اختفاء رمز العملة إذا كنت تحتاجه */

.input-group-text:has(.fa), .input-group-text:has(.las) {

    display: flex !important;

}