/* RC Marquee News Ticker (Preset: badge putih + bar biru) */
.rcmnt{
  display:flex;
  align-items:stretch;
  gap:10px;
  width:100%;
  flex-wrap: nowrap;
  min-width: 0;
}

.rcmnt__headline{
  display:flex;
  align-items:center;
  white-space:nowrap;
  background: var(--rcmnt-hl-bg);
  padding: var(--rcmnt-hl-pad);
  border-radius: var(--rcmnt-hl-rad);
  border: var(--rcmnt-hl-bdw) solid var(--rcmnt-hl-bd);
  font-size: var(--rcmnt-hl-fs);
  font-weight: var(--rcmnt-hl-fw);
  font-family: var(--rcmnt-hl-ff);
  color: var(--rcmnt-hl-col);
  line-height:1;
  flex: 0 0 auto;
}

.rcmnt__track{
  position:relative;
  overflow:hidden;
  flex:1 1 auto;
  background: var(--rcmnt-tk-bg);
  padding: var(--rcmnt-tk-pad);
  border-radius: var(--rcmnt-tk-rad);
  min-width: 0;
}

.rcmnt__marquee{
  display:flex;
  width:100%;
  overflow:hidden;
}

.rcmnt__inner{
  display:flex;
  align-items:center;
  white-space:nowrap;
  will-change: transform;
  animation: rcmnt-marquee var(--rcmnt-dur) linear infinite;
}

.rcmnt__item{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.rcmnt__link{
  font-size: var(--rcmnt-it-fs);
  font-weight: var(--rcmnt-it-fw);
  font-family: var(--rcmnt-it-ff);
  color: var(--rcmnt-it-col);
  text-decoration:none;
}

.rcmnt__link:hover{ text-decoration: underline; }

.rcmnt__date{
  font-size: calc(var(--rcmnt-it-fs) - 2px);
  opacity: .85;
  color: var(--rcmnt-it-col);
}

.rcmnt__sep{
  margin: 0 14px;
  opacity:.75;
  user-select:none;
  color: var(--rcmnt-it-col);
}

.rcmnt--pause-hover .rcmnt__track:hover .rcmnt__inner{
  animation-play-state: paused;
}

/* Optional fade edges */
.rcmnt--fade .rcmnt__track:before,
.rcmnt--fade .rcmnt__track:after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width:34px;
  pointer-events:none;
  z-index:2;
}
.rcmnt--fade .rcmnt__track:before{
  left:0;
  background: linear-gradient(to right, var(--rcmnt-tk-bg), rgba(0,0,0,0));
}
.rcmnt--fade .rcmnt__track:after{
  right:0;
  background: linear-gradient(to left, var(--rcmnt-tk-bg), rgba(0,0,0,0));
}

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

@media (prefers-reduced-motion: reduce){
  .rcmnt__inner{ animation: none !important; }
}

/* Mobile: tetap 1 baris + headline ellipsis */
@media (max-width: 480px){
  .rcmnt{
    gap:8px;
  }
  .rcmnt__headline{
    max-width: 38%;
    overflow:hidden;
    text-overflow: ellipsis;
  }
  .rcmnt__sep{ margin: 0 10px; }
}