/* ==========================================================
   PBK PRISM NAVBAR v1.0
   ========================================================== */

.announcement-bar{
background:#08101f;
border-bottom:1px solid rgba(255,255,255,.08);
color:var(--text-secondary);
font-size:13px;
padding:10px 0;
}

.announcement-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
}

.status-dot{
width:10px;
height:10px;
display:inline-block;
border-radius:50%;
background:var(--success);
margin-right:8px;
box-shadow:0 0 12px var(--success);
}

.navbar{
position:sticky;
top:0;
z-index:1000;
background:rgba(2,6,23,.78);
backdrop-filter:blur(16px);
border-bottom:1px solid var(--glass-border);
}

.navbar-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 0;
}

.brand{
display:flex;
align-items:center;
gap:14px;
text-decoration:none;
color:var(--text-main);
}

.brand-logo{
width:64px;
height:64px;
object-fit:contain;
}

.brand-title{
font-size:22px;
font-weight:800;
}

.brand-subtitle{
font-size:12px;
color:var(--text-muted);
}

.menu{
display:flex;
gap:26px;
align-items:center;
}

.menu a{
text-decoration:none;
color:var(--text-secondary);
font-weight:600;
transition:var(--transition);
}

.menu a:hover{
color:var(--accent);
}

.menu-actions{
display:flex;
gap:14px;
}

.btn-primary,
.btn-outline{
padding:12px 22px;
border-radius:12px;
font-weight:700;
text-decoration:none;
transition:var(--transition);
}

.btn-primary{
background:var(--gradient-primary);
color:#fff;
}

.btn-primary:hover{
transform:translateY(-2px);
box-shadow:var(--shadow-md);
}

.btn-outline{
border:1px solid var(--glass-border);
color:var(--text-main);
background:rgba(255,255,255,.03);
}

.btn-outline:hover{
border-color:var(--accent);
color:var(--accent);
}

@media(max-width:992px){
.menu{display:none;}
.announcement-wrapper,
.navbar-wrapper{
flex-direction:column;
}
}