/* css/bildirimler.css */

.notifications-dropdown-wrapper .dropdown-menu {
    min-width: 340px; /* Bildirimler için biraz daha geniş olabilir */
    max-height: 450px;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
}

.notifications-dropdown-wrapper .dropdown-header {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
    background-color: var(--notifications-dropdown-header-bg, #f0f2f5);
    color: var(--notifications-dropdown-header-text, #495057);
    border-bottom: 1px solid var(--notifications-dropdown-border, #dee2e6);
}

.notifications-dropdown-wrapper .notification-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--notifications-dropdown-divider, #e9ecef);
    text-decoration: none !important;
    transition: background-color 0.15s ease-in-out;
    color: var(--notifications-item-text-color, #333);
}
.notifications-dropdown-wrapper .notification-item:last-of-type { /* Son bildirim öğesinden sonraki divider'ı kaldırır */
    border-bottom: none;
}


.notifications-dropdown-wrapper .notification-item:hover {
    background-color: var(--notifications-dropdown-item-hover-bg, #f8f9fa);
}

.notifications-dropdown-wrapper .notification-icon {
    font-size: 1.1em;
    margin-right: 12px;
    width: 20px; /* İkonlar için sabit genişlik */
    text-align: center;
    color: var(--notifications-icon-color, #6c757d);
}
.notifications-dropdown-wrapper .notification-icon-friend {
    color: var(--notifications-icon-friend-color, #007bff); /* Mavi */
}
.notifications-dropdown-wrapper .notification-icon-system, /* Genel bildirimler için */
.notifications-dropdown-wrapper .notification-icon[class*="fa-reply"],
.notifications-dropdown-wrapper .notification-icon[class*="fa-at"] {
    color: var(--notifications-icon-action-color, #17a2b8); /* Turkuaz/Info */
}


.notifications-dropdown-wrapper .notification-details {
    flex-grow: 1;
    overflow: hidden;
}

.notifications-dropdown-wrapper .notification-text {
    display: block;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 2px;
    /* white-space: nowrap; */ /* Uzun metinler için alta kaydırabilir */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
}
.notifications-dropdown-wrapper .notification-text strong {
    font-weight: 600;
}


.notifications-dropdown-wrapper .notification-time {
    display: block;
    font-size: 0.75rem;
    color: var(--notifications-time-text, #777);
}

.notifications-dropdown-wrapper .dropdown-more-link,
.notifications-dropdown-wrapper .dropdown-item-text.text-center {
    display: block;
    padding: 0.75rem 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: var(--notifications-dropdown-link-text, #007bff);
    border-top: 1px solid var(--notifications-dropdown-border, #dee2e6);
}
.notifications-dropdown-wrapper .dropdown-more-link:hover {
    background-color: var(--notifications-dropdown-item-hover-bg, #f8f9fa);
    text-decoration: underline;
}
.notifications-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--notifications-dropdown-empty-text, #6c757d);
    border-top: none;
}

/* Gece Modu Stilleri */
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-menu {
    background-color: var(--notifications-dropdown-bg-dark, #2a2e34);
    border: 1px solid var(--notifications-dropdown-border-dark, #3a3f44);
}
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-header {
    background-color: var(--notifications-dropdown-header-bg-dark, #30353c);
    color: var(--notifications-dropdown-header-text-dark, #adb5bd);
    border-bottom: 1px solid var(--notifications-dropdown-border-dark, #3a3f44);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-item {
    border-bottom: 1px solid var(--notifications-dropdown-divider-dark, #3a3f44);
    color: var(--notifications-item-text-color-dark, #c9d1d9);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-item:hover {
    background-color: var(--notifications-dropdown-item-hover-bg-dark, #343a40);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-icon {
    color: var(--notifications-icon-color-dark, #8b949e);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-icon-friend {
    color: var(--notifications-icon-friend-color-dark, #58a6ff);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-icon-system,
body:not(.light-theme) .notifications-dropdown-wrapper .notification-icon[class*="fa-reply"],
body:not(.light-theme) .notifications-dropdown-wrapper .notification-icon[class*="fa-at"] {
    color: var(--notifications-icon-action-color-dark, #39c5bb);
}
body:not(.light-theme) .notifications-dropdown-wrapper .notification-time {
    color: var(--notifications-time-text-dark, #8b949e);
}
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-more-link,
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--notifications-dropdown-link-text-dark, #58a6ff);
    border-top: 1px solid var(--notifications-dropdown-border-dark, #3a3f44);
}
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-more-link:hover {
    background-color: var(--notifications-dropdown-item-hover-bg-dark, #343a40);
}
body:not(.light-theme) .notifications-dropdown-wrapper .dropdown-item-text.text-center {
    color: var(--notifications-dropdown-empty-text-dark, #8b949e);
}