/* ── _Layout.cshtml — Navbar bildirim badge + Toast bildirimleri ── */

.notif-bell  { position: relative; padding-right: 6px !important; }
.notif-badge {
    position: absolute; top: 2px; right: -2px;
    background: #e84040; color: #fff;
    font-size: 1rem; font-weight: 700; line-height: 1;
    min-width: 16px; height: 16px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 3px;
}

/* Çıkış butonu */
.skyra-btn-logout {
    border-color: rgba(255,80,80,.4) !important;
    color: rgba(255,140,140,.8) !important;
}

/* ── SignalR Toast bildirimleri ── */
#notif-toast-container {
    position: fixed; top: 72px; right: 18px;
    z-index: 9999; display: flex; flex-direction: column; gap: 10px;
    pointer-events: none;
}
.skyra-notif-toast {
    pointer-events: all;
    min-width: 280px; max-width: 360px;
    background: rgba(10,16,45,.95);
    border: 1px solid rgba(80,130,255,.35);
    border-radius: 12px; padding: 14px 16px;
    box-shadow: 0 4px 24px rgba(0,0,10,.5), 0 0 12px rgba(60,100,255,.15);
    backdrop-filter: blur(10px);
    opacity: 0; transform: translateX(20px);
    transition: opacity .25s ease, transform .25s ease;
}
.skyra-notif-toast.snt--show { opacity: 1; transform: translateX(0); }
.skyra-notif-toast.snt--hide { opacity: 0; transform: translateX(20px); }
.snt-header {
    display: flex; justify-content: space-between; align-items: flex-start;
    margin-bottom: 6px;
}
.snt-title { font-size: .88rem; font-weight: 700; color: #aaccff; }
.snt-close {
    background: none; border: none; color: rgba(150,180,220,.5);
    font-size: .8rem; cursor: pointer; padding: 0 0 0 8px; line-height: 1;
    transition: color .15s;
}
.snt-close:hover { color: #ff8888; }
.snt-body  { font-size: .8rem; color: rgba(180,205,240,.75); line-height: 1.4; }
.snt-link  {
    display: inline-block; margin-top: 8px;
    font-size: .75rem; color: rgba(100,160,255,.8);
    text-decoration: none; transition: color .15s;
}
.snt-link:hover { color: #aaccff; }

@media (max-width: 480px) {
    #notif-toast-container { right: 10px; left: 10px; }
    .skyra-notif-toast     { min-width: 0; max-width: 100%; }
}


/* ── Dil Seçici ─────────────────────────────────────────── */
.lang-switcher { display: flex; align-items: center; gap: 4px; margin-left: 6px; }
.lang-btn {
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.2rem; line-height: 1;
    padding: 3px 6px; border-radius: 6px;
    text-decoration: none;
    opacity: 0.45;
    transition: opacity .2s, transform .15s;
}
.lang-btn:hover       { opacity: 0.85; transform: scale(1.12); }
.lang-btn--active     { opacity: 1; box-shadow: 0 0 0 2px rgba(100,160,255,.45); border-radius: 6px; }