/* تخصيص ألوان الكومنتات في الدارك مود */
.digital_newspaper_dark_mode .comment-body {
    background-color: #1a1a1a !important; /* خلفية غامقة */
    color: #f5f5f5 !important; /* لون النص */
}

.digital_newspaper_dark_mode .comment-author a {
    color: #007bff !important; /* لون اسم الكاتب */
}

.digital_newspaper_dark_mode .comment-metadata {
    color: #aaaaaa !important; /* لون التاريخ */
}


/* اسم المعلق في النسخة العادية */
.comment-author a {
    color: #007bff !important;
}



/* كلمة تحرير في الوضع العادي */
.comment-metadata .edit-link a {
    color: #007bff !important;
}


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

/* تطبيق الخط وزيادة 2px في الحجم على عناصر التعليقات */
.comment-body,
.comment-body a,
.comment-body p,
.comment-body span,
.comment-body time,
.comment-body .reply {
    font-family: 'Tajawal', sans-serif !important;
    font-size: calc(1em + 0.5px) !important; /* زيادة 2px */
}


/* كلمة تحرير في الدارك مود */
.digital_newspaper_dark_mode .comment-metadata .edit-link a {
    color: #007bff !important;
}



/* تباعد الأيقونة (السهم) عن كلمة رد */
.comment-reply-link:before {
    margin-left: 6px; /* زود الرقم لو عايز مسافة أكبر */
}




/* تطبيق خط Tajawal على كل عناصر التعليقات */
.comment-body,
.comment-body a,
.comment-body p,
.comment-body span,
.comment-body time,
.comment-body .reply {
    font-family: 'Tajawal', sans-serif !important;
}



/* خفض كلمة رد والسهم */
.comment-reply-link {
    position: relative;
    top: 25px; /* زود الرقم لو عايز تنزل أكتر */
		    text-decoration: none !important;

}


/* الخط اللي تحت رد */

.comment-list .reply {
    position: relative;
    right: 15px;
    font-size: 12px;
    border-bottom: 0px solid var(--theme-color-red);
    text-align: right;
    float: right;
    margin-top: -25px;
}


/* اللون الأزرق عند hover */
.comment-list .reply:hover {
    color: #007bff !important;
    cursor: pointer; /* مؤشر اليد عند المرور */
}

.comment-list .reply a:hover {
    color: #007bff !important;
}



/* 		هوفر على الرامج */
		
	body .digital-newspaper-category-no-bk .post-categories .cat-item.cat-72 a:hover {
    color: #007bff !important;
}

/* 		هوفر على خلفية مربع البرامج */

body .post-categories .cat-item.cat-72:hover {
    background-color: #007bff;
}




/* 		هوفر على خلفية مربع التجارة الالكترونية */


body .post-categories .cat-item.cat-12:hover {
    background-color: #007bff;
}