/******************************************************
 * RWM Ticker — Clean, Animated Separator Version
 ******************************************************/

/* 1. Ticker container (centered, 95% width) */
.rwm-hr-ticker {
  width: 95%;
  margin-left: auto;
  margin-right: auto;

  background-color: #eeeeee;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  display: block;

  padding-left: var(--rwm-padding-left, 20px);
  padding-right: var(--rwm-padding-right, 20px);
}

/* 2. Track: inline whitespace elimination */
.rwm-hr-track,
.rwm-hr-track-clone {
  display: inline-flex;
  align-items: center;
  will-change: transform;
  font-size: 0;
}

/* 3. Pair: bullet + item grouped together */
.rwm-hr-pair {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* 4. Items: restore readable font size */
.rwm-hr-item {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

/* 5. Separator container spacing */
.rwm-hr-separator {
  margin: 0 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 6. Separator symbol + animation */
.rwm-hr-separator::before {
  content: var(--rwm-separator, "𝄞");
  display: inline-block;
  font-size: var(--rwm-separator-size, 1.25rem);
  opacity: 0.7;
  transform-origin: center;
  animation: var(--rwm-separator-animation, rwm-pulse 2.4s ease-in-out infinite);
}

/* 7. Pulse animation */
@keyframes rwm-pulse {
  0%   { transform: scale(1);    opacity: 0.7; }
  50%  { transform: scale(1.15); opacity: 1;   }
  100% { transform: scale(1);    opacity: 0.7; }
}

/* 8. Remove fade pseudo-elements entirely */
.rwm-hr-ticker::before,
.rwm-hr-ticker::after {
  content: none !important;
  display: none !important;
}