/* ==========================================================
   Running text mitra — dipasang di header.php
   File: assets/css/mitra-banner.css
   ========================================================== */
.mitra-strip{
  background:#16323F;
  color:#F2F4F1;
  overflow:hidden;
  position:relative;
  border-top:2px solid #E8A33D;
  border-bottom:2px solid #E8A33D;
}
.mitra-strip a{ text-decoration:none; color:inherit; display:block; }

.mitra-strip .mitra-track{
  display:flex;
  width:max-content;
  animation: mitra-scroll-left 26s linear infinite;
}
.mitra-strip:hover .mitra-track{ animation-play-state: paused; }

.mitra-strip .mitra-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-family: 'IBM Plex Mono', monospace;
  font-size:19px;
  font-weight:600;
  letter-spacing:.02em;
  white-space:nowrap;
  padding:16px 40px;
  color:#E8A33D;
}
.mitra-strip .mitra-item .mitra-dot-bullet{
  width:6px; height:6px; border-radius:50%;
  background:#E8A33D; flex-shrink:0;
}
.mitra-strip .mitra-item .mitra-cta{
  color:#E8A33D;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  margin-left:4px;
}

@keyframes mitra-scroll-left{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce){
  .mitra-strip .mitra-track{ animation:none; }
}

@media (max-width:600px){
  .mitra-strip .mitra-item{ font-size:15px; padding:12px 26px; }
}