/* BR MAHAL notice bar — movement copied from supplied reference theme */
[layout="announcement-bar"]{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-height:var(--yc-notice-height)!important;
  overflow:hidden!important;
  color:var(--yc-notice-text-color)!important;
  background:var(--yc-notice-background-color)!important;
  box-sizing:border-box!important;
}
[layout="announcement-bar"] .marquee-container{
  width:100%!important;
  overflow:hidden!important;
  position:relative!important;
}
[layout="announcement-bar"] .marquee{
  --scroll-direction:-50%;
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  animation:br-reference-scroll linear infinite!important;
  will-change:transform;
}
[layout="announcement-bar"] .marquee[data-speed="normal"]{animation-duration:15s!important}
[layout="announcement-bar"] .marquee[data-speed="slow"]{animation-duration:30s!important}
[layout="announcement-bar"] .marquee:dir(rtl){--scroll-direction:50%}
[layout="announcement-bar"] .bar-wrapper{
  display:flex!important;
  align-items:center!important;
  flex:none!important;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
[layout="announcement-bar"] .bar-wrapper li{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  padding-inline:24px!important;
  margin:0!important;
  min-height:var(--yc-notice-height)!important;
  color:var(--yc-notice-text-color)!important;
  font-size:var(--yc-notice-font-size)!important;
}
[layout="announcement-bar"] .bar-wrapper .content,
[layout="announcement-bar"] .bar-wrapper .content p{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:1.3!important;
}
[layout="announcement-bar"] .bar-wrapper img{
  height:18px!important;
  width:auto!important;
  object-fit:contain!important;
  flex:none!important;
}
@keyframes br-reference-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(var(--scroll-direction))}
}
@media(max-width:767px){
  [layout="announcement-bar"] .bar-wrapper li{padding-inline:18px!important}
}