/* HEADER WRAPPER */

#vte-header-wrapper{
position:fixed;
top:0;
left:0;
width:100%;
z-index:var(--header-z);
}

/* TOPBAR */

.vte-topbar{
height:var(--topbar-height);
background:linear-gradient(90deg,var(--sun1),var(--sun2),var(--sun3));
color:#fff;
font-size:13px;
display:flex;
align-items:center;
}

.vte-top-inner{
max-width:var(--container);
margin:auto;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:0 14px;
}

.top-left{ display:flex; align-items:center; }

.top-right{
display:flex;
align-items:center;
gap:8px;
flex-shrink:0;
}

.social img{ width:20px; height:20px; }
.social img:hover{ transform:scale(1.1); }

/* BUTTONS */

.track-btn,.b2b-btn{
background:#fff;
color:#ee0979;
font-weight:700;
border-radius:20px;
text-decoration:none;
padding:5px 14px;
font-size:13px;
display:inline-flex;
align-items:center;
justify-content:center;
white-space:nowrap;
}

/* TICKER */

.ticker{ flex:1; overflow:hidden; white-space:nowrap; }

.ticker-text{
display:inline-block;
padding-left:20px;
color:#fff;
font-weight:700;
animation:scrollRTL 22s linear infinite;
text-decoration:none;
}

@keyframes scrollRTL{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}

.ticker:hover .ticker-text{ animation-play-state:paused; }

/* MAIN HEADER */

#vte-header{
height:var(--header-height);
background:rgba(255,255,255,.92);
backdrop-filter:blur(10px);
border-bottom:1px solid #eee;
}

.vte-container{
max-width:var(--container);
margin:auto;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:0 16px;
}

/* LOGO */

.vte-left{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
}

#vte-logo{ height:52px; }

.vte-license{
font-size:10px;
color:#666;
margin-top:2px;
}

.logo-wrap{
display:flex;
flex-direction:column;
text-decoration:none;
}