:root{
--batlp-bg: #0a0b0d;
--batlp-bg-panel: #131519;
--batlp-bg-panel-2: #16181d;
--batlp-line: #24272c;
--batlp-line-soft: #1a1c20;
--batlp-text: #f2f1ed;
--batlp-text-dim: #9a9da3;
--batlp-red: #e8382b;
--batlp-radius: 4px;
--batlp-font-display: 'Space Grotesk', sans-serif;
--batlp-font-body: 'Inter', sans-serif;
--batlp-font-mono: 'IBM Plex Mono', monospace;
--batlp-max-width: 1120px;
} #main-header,
#et-top-navigation,
#et-secondary-nav,
.et-fixed-header{
display:none !important;
}
header.batlp-global-header *{ box-sizing:border-box; }
header.batlp-global-header{
position:sticky;
top:0;
z-index:9999;
background: var(--batlp-bg);
border-bottom:1px solid var(--batlp-line-soft);
font-family: var(--batlp-font-body);
}
header.batlp-global-header .nav{
display:flex;
align-items:center;
justify-content:space-between;
padding: 16px 32px;
max-width: var(--batlp-max-width);
margin:0 auto;
gap: 20px;
position:relative;
}
header.batlp-global-header .logo{
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
flex-shrink:0;
}
header.batlp-global-header .logo-img,
header.batlp-global-header .custom-logo{
height:48px;
width:auto;
display:block;
}
header.batlp-global-header .logo small{
display:block;
font-family: var(--batlp-font-mono);
font-weight:400;
font-size:9px;
letter-spacing:0.22em;
color: var(--batlp-text-dim);
margin-top:1px;
}
header.batlp-global-header .nav-right{
display:flex;
align-items:center;
gap:28px;
flex:1;
justify-content:flex-end;
}
header.batlp-global-header .nav-menu{
list-style:none;
display:flex;
align-items:center;
gap:26px;
margin:0;
padding:0;
}
@supports not (gap: 1rem){
header.batlp-global-header .nav-menu li:not(:last-child){
margin-right:26px;
}
}
header.batlp-global-header .nav-menu a{
color: var(--batlp-text);
text-decoration:none;
font-size:14px;
font-weight:500;
opacity:0.82;
transition: color .15s ease, opacity .15s ease;
white-space:nowrap;
}
header.batlp-global-header .nav-menu a:hover{ color: var(--batlp-red); opacity:1; }
header.batlp-global-header .more-menu{
position:relative;
flex-shrink:0;
}
header.batlp-global-header .more-menu-toggle{
background:transparent;
border:1px solid var(--batlp-line);
color: var(--batlp-text-dim);
width:36px; height:36px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
cursor:pointer;
transition: border-color .15s ease, color .15s ease;
}
header.batlp-global-header .more-menu-toggle:hover{
border-color: var(--batlp-text-dim);
color: var(--batlp-text);
}
header.batlp-global-header .more-menu-panel{
position:absolute;
top: calc(100% + 12px);
right:0;
min-width:240px;
background: var(--batlp-bg-panel);
border:1px solid var(--batlp-line);
border-radius: var(--batlp-radius);
padding: 8px;
opacity:0;
visibility:hidden;
transform: translateY(-6px);
transition: opacity .15s ease, transform .15s ease, visibility .15s;
z-index:10000;
}
header.batlp-global-header .more-menu-panel.is-open{
opacity:1;
visibility:visible;
transform:none;
}
header.batlp-global-header .more-menu-list{
list-style:none;
margin:0;
padding:0;
}
header.batlp-global-header .more-menu-list a{
display:block;
padding: 10px 14px;
border-radius: 4px;
color: var(--batlp-text);
text-decoration:none;
font-size:14px;
white-space:nowrap;
transition: background .15s ease, color .15s ease;
}
header.batlp-global-header .more-menu-list a:hover{
background: var(--batlp-bg-panel-2);
color: var(--batlp-red);
}
header.batlp-global-header .nav-toggle{
display:none;
background:transparent;
border:none;
color: var(--batlp-text);
width:36px; height:36px;
align-items:center;
justify-content:center;
flex-shrink:0;
cursor:pointer;
}
@media (max-width: 860px){
header.batlp-global-header .nav-toggle{ display:flex; }
header.batlp-global-header .nav-right{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
background: var(--batlp-bg-panel);
border-bottom:1px solid var(--batlp-line);
flex-direction:column;
align-items:stretch;
gap:18px;
padding: 22px 32px 26px;
}
header.batlp-global-header .nav-right.is-open{ display:flex; }
header.batlp-global-header .nav-menu{
flex-direction:column;
align-items:flex-start;
gap:14px;
}
header.batlp-global-header .more-menu-toggle{ display:none; }
header.batlp-global-header .more-menu-panel{
position:static;
opacity:1;
visibility:visible;
transform:none;
background:none;
border:none;
padding:0;
margin-top:4px;
}
header.batlp-global-header .more-menu-list a{ padding:8px 0; }
}