:root.convbst-snb-push-down body{
  padding-top: var(--convbst-snb-bar-height, 0px);
}

/* Root */
#convbst-snb-notification-bar.convbst-snb-bar-root{
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999999;
  font-family: var(--convbst-snb-msg-font-family);
  font-size: var(--convbst-snb-msg-font-size);
  color: var(--convbst-snb-text);
}

#convbst-snb-notification-bar[data-position="top"]{ top: 0; }
#convbst-snb-notification-bar[data-position="bottom"]{ bottom: 0; }

/* Visibility */
@media (min-width: 783px){
  #convbst-snb-notification-bar.convbst-snb-hide-desktop{ display:none !important; }
}
@media (max-width: 782px){
  #convbst-snb-notification-bar.convbst-snb-hide-mobile{ display:none !important; }
}

/* Bar */
#convbst-snb-notification-bar .convbst-snb-bar{
  background: var(--convbst-snb-bg);
  border: var(--convbst-snb-bar-border) solid var(--convbst-snb-bar-border-color);
  box-shadow: var(--convbst-snb-bar-shadow);
}

#convbst-snb-notification-bar .convbst-snb-inner{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  box-sizing: border-box;
  min-width: 0;
}

/* content width */
#convbst-snb-notification-bar[data-content-width="container"] .convbst-snb-inner{
  max-width: var(--convbst-snb-container-max, 1200px);
  margin-left: auto;
  margin-right: auto;
}

/* message */
#convbst-snb-notification-bar .convbst-snb-message{
  font-family: var(--convbst-snb-msg-font-family);
  font-size: var(--convbst-snb-msg-font-size);
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;

  /* prevent pushing CTA/close outside on desktop */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#convbst-snb-notification-bar .convbst-snb-message a{
  color: var(--convbst-snb-link);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* CTA */
#convbst-snb-notification-bar .convbst-snb-cta{ flex: 0 0 auto; }
#convbst-snb-notification-bar .convbst-snb-cta-link{
  font-family: var(--convbst-snb-btn-font-family);
  font-size: var(--convbst-snb-btn-font-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: var(--convbst-snb-btn-bg);
  color: var(--convbst-snb-btn-text);
  border-radius: var(--convbst-snb-btn-radius);
  padding: var(--convbst-snb-btn-pad-y) var(--convbst-snb-btn-pad-x);
  font-weight: 800;
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: var(--convbst-snb-btn-shadow);
  white-space: nowrap;
}

/* Close */
#convbst-snb-notification-bar .convbst-snb-close{
  width: var(--convbst-snb-close-size);
  height: var(--convbst-snb-close-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 0;
  background: rgba(255,255,255,.14);
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0;
}
#convbst-snb-notification-bar .convbst-snb-close:hover{
  background: rgba(255,255,255,.22);
}
#convbst-snb-notification-bar .convbst-snb-close svg{
  width: calc(var(--convbst-snb-close-size) * 0.45);
  height: calc(var(--convbst-snb-close-size) * 0.45);
  fill: var(--convbst-snb-close-icon);
}

/* Close positioning via flex order */
#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="left"] .convbst-snb-close{ order: 0; }
#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="left"] .convbst-snb-message{ order: 1; }
#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="left"] .convbst-snb-cta{ order: 2; }

#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="right"] .convbst-snb-message{ order: 0; }
#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="right"] .convbst-snb-cta{ order: 1; }
#convbst-snb-notification-bar[data-close-enabled="1"][data-close-position="right"] .convbst-snb-close{ order: 2; }

/* Stack on mobile */
@media (max-width: 782px){
  #convbst-snb-notification-bar[data-stack="1"] .convbst-snb-inner{
    flex-wrap: wrap;
  }
  #convbst-snb-notification-bar[data-stack="1"] .convbst-snb-message{
    order: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    flex-basis: 100%;
    text-align: center;
  }
  #convbst-snb-notification-bar[data-stack="1"] .convbst-snb-cta{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  }

  /* Keep CTA + Close on the same row and preserve left/right close position */
  #convbst-snb-notification-bar[data-stack="1"][data-close-enabled="1"][data-close-position="right"] .convbst-snb-cta{ order: 1; }
  #convbst-snb-notification-bar[data-stack="1"][data-close-enabled="1"][data-close-position="right"] .convbst-snb-close{ order: 2; margin-left: auto; }

  #convbst-snb-notification-bar[data-stack="1"][data-close-enabled="1"][data-close-position="left"] .convbst-snb-close{ order: 1; }
  #convbst-snb-notification-bar[data-stack="1"][data-close-enabled="1"][data-close-position="left"] .convbst-snb-cta{ order: 2; }
}

/* Focus */
#convbst-snb-notification-bar a:focus,
#convbst-snb-notification-bar button:focus{
  outline: 2px solid rgba(147,197,253,.9);
  outline-offset: 2px;
}