/* Polo Forex daily rates ticker — navy/gold, slim top bar */
#rates-ticker{
  display:none;
  background:var(--navy,#0a2342);
  color:#fff;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  line-height:1.35;
  border-bottom:2px solid var(--gold,#c8a96e);
  position:relative;
  z-index:1000;
  width:100%;
}
#rates-ticker.is-visible{display:block}
#rates-ticker .rt-inner{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:1200px;
  margin:0 auto;
  padding:6px 16px;
  min-height:34px;
  box-sizing:border-box;
}
#rates-ticker .rt-track-wrap{
  flex:1 1 auto;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);
}
#rates-ticker .rt-track{
  display:inline-flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  will-change:transform;
  animation:rt-scroll 45s linear infinite;
}
#rates-ticker:hover .rt-track,
#rates-ticker:focus-within .rt-track{animation-play-state:paused}
@keyframes rt-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
#rates-ticker .rt-item{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  padding:0 1.25rem;
  border-right:1px solid rgba(200,169,110,.35);
}
#rates-ticker .rt-code{font-weight:800;color:var(--gold,#c8a96e);letter-spacing:.02em}
#rates-ticker .rt-buy,#rates-ticker .rt-sell{font-weight:600}
#rates-ticker .rt-label{opacity:.75;font-weight:500;font-size:11px;text-transform:uppercase}
#rates-ticker .rt-sep{opacity:.45;margin:0 2px}
#rates-ticker .rt-meta{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:1px;
  font-size:11px;
  color:rgba(255,255,255,.85);
  white-space:nowrap;
}
#rates-ticker .rt-meta a{
  color:var(--gold,#c8a96e);
  font-weight:700;
  text-decoration:none;
}
#rates-ticker .rt-meta a:hover{text-decoration:underline;color:#fff}
#rates-ticker .rt-updated{opacity:.7}
@media (max-width:720px){
  #rates-ticker{font-size:12px}
  #rates-ticker .rt-inner{padding:5px 10px;gap:8px;min-height:32px}
  #rates-ticker .rt-meta{font-size:10px;max-width:38%}
  #rates-ticker .rt-meta .rt-hint{display:none}
  #rates-ticker .rt-item{padding:0 .85rem}
  #rates-ticker .rt-track{animation-duration:55s}
}
@media (prefers-reduced-motion:reduce){
  #rates-ticker .rt-track{
    animation:none;
    transform:none;
    overflow-x:auto;
    max-width:100%;
    display:flex;
    -webkit-overflow-scrolling:touch;
  }
  #rates-ticker .rt-track-wrap{
    mask-image:none;
    -webkit-mask-image:none;
  }
  #rates-ticker .rt-track .rt-clone{display:none}
}
#rates-ticker .rt-meta .rt-hint a{white-space:nowrap}
@media (max-width:720px){
  #rates-ticker .rt-meta::after{
    content:none;
  }
  #rates-ticker .rt-meta{
    align-items:flex-end;
  }
  /* Compact confirm link always visible on mobile via updated line alone + tel in updated area is enough;
     inject a short confirm under updated via JS meta — keep hint hidden, add short link: */
  #rates-ticker .rt-meta .rt-confirm-m{display:inline;color:var(--gold,#c8a96e);font-weight:700}
}
@media (min-width:721px){
  #rates-ticker .rt-meta .rt-confirm-m{display:none}
}