/* BE-CLONE — Announcement Bar
   Shopify: marquee horizontal, border-bottom, centered
   ========================================= */

.be-announcement {
  background-color: var(--announcement-bg);
  color: var(--announcement-text);
  text-align: center;
  padding: 8px 0;
  font-family: var(--font-body);
  font-size: var(--announcement-font-size);
  letter-spacing: var(--announcement-ls);
  font-weight: var(--font-weight-regular);
  text-transform: none;
  width: 100%;
  border-bottom: var(--border-width) solid var(--border-color);
  overflow: hidden;
  white-space: nowrap;
}

.be-announcement__track {
  display: inline-block;
  animation: be-marquee var(--announcement-speed) linear infinite;
}

.be-announcement__item {
  padding: 0 60px;
}

@keyframes be-marquee {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}