/* BCM V8.0.0 – Premium Topbar: slower animated gold rule */
.topbar{
  position:relative;
  background:#fff!important;
  color:#17314a!important;
  font-size:12px;
  border:0!important;
  box-shadow:none!important;
}
.topbar .topbar-inner{
  min-height:32px;
  color:#17314a!important;
}
.topbar .topbar-inner>span:first-child{
  color:#17314a!important;
  font-weight:600;
  letter-spacing:.01em;
}
.topbar a{
  color:#17314a!important;
  transition:color .2s ease;
}
.topbar a:hover{
  color:#b58a3b!important;
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,#a77d34 0%,#d3b36f 48%,#a77d34 100%);
  transform:scaleX(0);
  transform-origin:left center;
  animation:bcm-v800-gold-rule-in 2.6s cubic-bezier(.22,.61,.36,1) .15s forwards;
  will-change:transform;
}
@keyframes bcm-v800-gold-rule-in{
  to{transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .topbar::after{animation:none;transform:scaleX(1)}
}
/* Keep the existing compact mobile header behaviour. */
@media(max-width:620px){
  .topbar{display:none!important}
}