/* ==========================================================================
   BLINDCONNECT - BİLDİRİM BİLEŞENİ PEMBE TEMATİK STİLLERİ (notification.css)
   ========================================================================== */

/* Bildirim Öğesi Kartı */
.notification-item {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bc-border-color);
    background-color: var(--bc-bg-card);
    transition: background-color 0.2s ease-in-out;
}

.notification-item:hover {
    background-color: var(--bc-bg-card-hover);
}

.notification-item.unread {
    background-color: rgba(255, 59, 117, 0.08);
    border-left: 3px solid var(--bc-pink-primary);
}

/* Bildirim Metinleri */
.notification-item .notification-title {
    color: var(--bc-text-main);
    font-weight: 600;
    font-size: 0.95rem;
}

.notification-item .notification-body {
    color: var(--bc-text-muted);
    font-size: 0.85rem;
}

.notification-item .notification-time {
    color: var(--bc-pink-secondary);
    font-size: 0.75rem;
}

/* Bildirim İkon Yuvarlağı */
.notification-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 59, 117, 0.12);
    color: var(--bc-pink-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Bildirim Yok / Boş Durum Metin Okunabilirlik Düzeltmesi */
#page-notification-list .text-muted,
#page-notification-list .text-secondary,
#page-notification-list .text-dark,
#page-notification-list p,
#page-notification-list div {
    color: var(--bc-text-muted) !important;
}

#page-notification-list h1, 
#page-notification-list h2, 
#page-notification-list h3, 
#page-notification-list h4, 
#page-notification-list h5, 
#page-notification-list h6,
#page-notification-list strong {
    color: var(--bc-text-main) !important;
}

#page-notification-list i {
    color: var(--bc-pink-secondary) !important;
}