/* public/css/ticker.css */
/* شريط التنويهات/الوفيات المتحرك – أنيق وواضح */
.ticker-ribbon {
    background-color: #f8d7da; /* خلفية حمراء فاتحة */
    color: #721c24; /* لون نص أحمر داكن */
    padding: 8px 0;
    overflow: hidden;
    white-space: nowrap; /* يمنع التفاف النص */
    position: relative;
    border-radius: 0 0 8px 8px; /* حواف دائرية أسفل الهيدر */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ticker-container {
    overflow: hidden; /* يخفي الأجزاء الزائدة عن العرض */
}

.ticker-content {
    display: inline-block; /* لجعل العناصر تتحرك في سطر واحد */
    padding-right: 100%; /* عشان العناصر تظهر من بعيد */
    will-change: transform; /* تحسين الأداء في التمرير */
}

.ticker-text-item {
    margin-left: 30px; /* مسافة بين كل عنصر في الشريط */
    display: inline-block;
    white-space: nowrap; /* تأكد من عدم التفاف النص داخل العنصر */
    font-size: 0.9em; /* لتحديد حجم الخط هنا بدل الـ body العام */
}

.ticker-item-notification i {
    margin-left: 5px;
}

.ticker-item-death {
    color: #555; /* لون مختلف لرسائل الوفيات */
    font-weight: bold;
}