@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

/* ── Unified Navbar ───────────────────────────────────────── */
/* Notification bell */
#notifBellBtn { position:relative; background:var(--color-border, #444444); border:none; color:var(--color-accent, #ff8c00); font-weight:600; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:0.95rem; }
#notifBellBtn:hover { background:#555; }
#notifBadge { display:none; position:absolute; top:-4px; right:-4px; background:var(--color-accent, #ff8c00); color:var(--color-bg-secondary, #1a1a1a); border-radius:50%; padding:0 5px; font-size:0.65rem; font-weight:700; min-width:16px; text-align:center; line-height:16px; }
#notifDropdown { display:none; position:absolute; top:100%; right:0; width:360px; max-height:420px; background:var(--color-bg-secondary, #1a1a1a); border:1px solid var(--color-border, #444444); border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,0.5); z-index:1050; overflow:hidden; margin-top:6px; }
#notifDropdown.open { display:block; }
.notif-header { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-bottom:1px solid var(--color-border, #444444); }
.notif-header h6 { margin:0; color:var(--color-accent, #ff8c00); font-weight:700; font-size:0.9rem; }
.notif-mark-read { background:none; border:none; color:var(--color-accent, #ff8c00); font-size:0.78rem; cursor:pointer; font-weight:600; }
.notif-mark-read:hover { text-decoration:underline; }
.notif-list { max-height:360px; overflow-y:auto; }
.notif-item { padding:10px 14px; border-bottom:1px solid #333; cursor:pointer; transition:background 0.15s; display:flex; gap:10px; align-items:flex-start; }
.notif-item:hover { background:#222; }
.notif-item.unread { background:#1f1f1f; border-left:3px solid var(--color-accent, #ff8c00); }
.notif-item .notif-text { flex:1; font-size:0.82rem; color:var(--color-text-primary, #e0e0e0); line-height:1.4; }
.notif-item .notif-text strong { color:var(--color-accent, #ff8c00); }
.notif-item .notif-time { font-size:0.72rem; color:#666; white-space:nowrap; flex-shrink:0; }
.notif-empty { padding:30px; text-align:center; color:#666; font-size:0.85rem; }

/* Navbar collapse on mobile */
@media (max-width: 767.98px) {
    #navCollapse { width:100%; }
    #navCollapse .navbar-nav { padding-top:8px; }
    #notifDropdown { width:calc(100vw - 40px); right:-10px; }
}