
/* BahisAvrupa shared top header: same layout on index and magaza */
header.top.premium-top{
  position:sticky!important;top:0!important;z-index:110!important;
  height:64px!important;min-height:64px!important;
  display:flex!important;align-items:center!important;
  padding:0 18px!important;gap:12px!important;
  background:#061612f5!important;border-bottom:1px solid #195a42!important;
  box-shadow:0 5px 20px #0008!important;
}
header.top.premium-top .premium-logo{display:flex;align-items:center;flex:0 0 auto;margin-right:auto}
header.top.premium-top .premium-brand-art{max-height:48px;width:auto;max-width:205px;object-fit:contain}
header.top.premium-top .premium-actions{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:9px!important;flex:0 1 auto!important;min-width:0!important;
}
header.top.premium-top .member-account-group{
 position:static!important;left:auto!important;top:auto!important;
 transform:none!important;display:flex!important;align-items:center!important;
 gap:8px!important;margin:0!important;order:0!important;
}
header.top.premium-top #centerMemberBalance{
 position:static!important;left:auto!important;top:auto!important;transform:none!important;
 margin:0!important;order:0!important;display:flex;align-items:center;
 height:40px!important;min-width:95px;padding:0 11px!important;
 background:linear-gradient(135deg,#0b3427,#081c16)!important;
 border:1px solid #158d62!important;border-radius:10px!important;
 color:#e4fff2!important;box-shadow:0 0 9px #00d78b20!important;
}
header.top.premium-top #centerMemberBalance[hidden]{display:none!important}
header.top.premium-top .balance-diamond{color:#00f6a3!important;text-shadow:0 0 10px #00ff9f!important}
header.top.premium-top #memberPanel{
 background:none!important;border:0!important;box-shadow:none!important;
 padding:0!important;margin:0!important;min-width:0!important;
}
header.top.premium-top #memberPanel[style*="display:none"],
header.top.premium-top #memberPanel[style*="display: none"]{display:none!important}
header.top.premium-top .member-menu-trigger{
 display:flex!important;align-items:center!important;gap:8px!important;
 height:40px!important;min-height:40px!important;max-width:205px!important;
 padding:4px 10px 4px 5px!important;
 background:linear-gradient(115deg,#0b3227,#061b16)!important;
 border:1px solid #13a873!important;border-radius:10px!important;
 box-shadow:inset 0 1px #8affd122,0 0 10px #00e8911b!important;
}
header.top.premium-top #memberName{
 color:#fff!important;font-size:13px!important;font-weight:800!important;
 text-shadow:0 0 5px #ffffff25!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 max-width:138px!important;
}
header.top.premium-top .member-avatar{
 width:29px!important;height:29px!important;flex:0 0 29px!important;
 border-radius:50%!important;background:#134936!important;border:1px solid #0bd68d!important;
 color:#eafff5!important;display:grid!important;place-items:center!important;
 font-size:11px!important;box-shadow:none!important;
}
header.top.premium-top .member-chevron{color:#00e79a!important}
header.top.premium-top .member-menu-wrap{position:relative!important}
header.top.premium-top .member-menu{
 position:absolute!important;top:calc(100% + 10px)!important;right:0!important;
 z-index:150!important;width:250px!important;
 background:#0d211a!important;border:1px solid #28634a!important;
 border-radius:12px!important;box-shadow:0 18px 35px #000a!important;
}
header.top.premium-top .member-menu[hidden]{display:none!important}
header.top.premium-top .member-menu button{color:#f2fff8!important}
header.top.premium-top .member-menu button.member-menu-exit{color:#ffb0b0!important}
header.top.premium-top #memberBalance,
header.top.premium-top #memberProfile,
header.top.premium-top #memberLogout{display:none!important}
header.top.premium-top .header-search,header.top.premium-top .header-lang{flex-shrink:0}
@media(max-width:1000px){
 header.top.premium-top{padding:0 10px!important;gap:6px!important}
 header.top.premium-top .premium-actions{gap:5px!important}
 header.top.premium-top .premium-brand-art{max-width:145px}
 header.top.premium-top .member-account-group{gap:5px!important}
 header.top.premium-top #memberName{max-width:92px!important;font-size:11px!important}
 header.top.premium-top #centerMemberBalance{min-width:0;padding:0 7px!important}
}
@media(max-width:640px){
 header.top.premium-top .premium-brand-art{max-width:95px}
 header.top.premium-top #centerMemberBalance{height:34px!important;font-size:10px!important}
 header.top.premium-top .member-menu-trigger{height:34px!important;min-height:34px!important;max-width:115px!important}
 header.top.premium-top #memberName{max-width:58px!important}
 header.top.premium-top .member-avatar{width:24px!important;height:24px!important;flex-basis:24px!important}
}

/* v3: center balance + member profile in the viewport, not in right actions */
@media(min-width:1051px){
 header.top.premium-top .member-account-group{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;order:unset!important;z-index:120!important;
 }
 header.top.premium-top .premium-actions{margin-left:auto!important;flex:0 0 auto!important}
}
/* On narrow screens keep both controls together and avoid overlapping the logo/actions */
@media(max-width:1050px){
 header.top.premium-top .member-account-group{
  position:static!important;left:auto!important;top:auto!important;
  transform:none!important;order:0!important;margin:0!important;
 }
}
