/* تحسينات إضافية لبطاقة مشاركة الحديث */

/* تنسيق بطاقة الحديث */
#hadith-card-template {
    max-width: 500px;
    margin: 0 auto;
    position: absolute;
    left: -9999px; /* إخفاء خارج الشاشة ولكن يمكن تحويلها إلى صورة */
}

/* تحسين مظهر بطاقة المشاركة */
.hadith-card {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    height: auto;
    min-height: 300px;
}

/* تحسين قراءة النص في بطاقات المشاركة */
#card-hadith-text {
    max-height: none;
    overflow: visible;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-align: justify;
    padding-bottom: 5px;
    font-size: 1.2rem !important;
}

/* تحسين مظهر راوي الحديث */
#card-hadith-narrator {
    word-wrap: break-word;
    font-size: 1rem;
    padding-top: 5px;
}

/* إضافة شعار صغير في الزاوية العلوية اليمنى */
.card-header {
    position: relative;
}

.card-header::before {
    content: "\f02d"; /* رمز كتاب من فونت أوسم */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #2980b9;
    font-size: 1.5rem;
    opacity: 0.7;
}

/* تحسين مظهر البطاقة على الشاشات الصغيرة */
@media screen and (max-width: 400px) {
    .hadith-card {
        padding: 1.2rem;
        border-radius: 10px;
    }
    
    .card-header h2 {
        font-size: 1.8rem !important;
    }
    
    #card-hadith-text {
        font-size: 1.2rem !important;
        line-height: 1.5 !important;
    }
}