/* ============================================================
   TICKER.CSS — Ticker lives INSIDE the navbar element.
   No z-index war. No fixed positioning conflicts.
   ============================================================ */

/* When inside .navbar — use relative flow, not fixed */
.navbar .ticker-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: auto !important;
}

/* Base ticker styles */
.ticker-wrap {
  background: #1a1c1e !important;  /* clearly darker than navbar — creates visible row separation */
  height: 40px !important;
  overflow: hidden !important;
  border-top: 2px solid rgba(191,161,105,0.5) !important;  /* stronger gold divider */
  border-bottom: 2px solid #BFA169 !important;              /* gold accent at foot of header */
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
}
.ticker-wrap:hover .ticker-track { animation-play-state: paused !important; }

.ticker-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  width: max-content !important;
  height: 100% !important;
  align-items: center !important;
  animation: tickerScroll 38s linear infinite !important;
  will-change: transform;
}

.ticker-content {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.ticker-item {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 22px !important;   /* reduced from 44px — less empty gap between items */
  height: 40px !important;
  white-space: nowrap !important;
  min-width: max-content !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  color: rgba(232,232,232,0.9) !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

.ticker-item a.t-link {
  color: #BFA169 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.ticker-item a.t-link:hover { text-decoration: underline !important; }

.ticker-item .t-icon {
  font-size: 0.9rem !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* Separator dot between items — smaller gap than | with large margins */
.ticker-item::after {
  content: '◆' !important;
  display: inline-block !important;
  margin-left: 22px !important;  /* reduced from 44px */
  font-size: 0.35rem !important;
  color: #BFA169 !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

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

/* Mobile */
@media (max-width: 600px) {
  .ticker-wrap  { height: 36px !important; border-width: 1px 0 1.5px 0 !important; }
  .ticker-item  { height: 36px !important; font-size: 0.68rem !important; padding: 0 14px !important; letter-spacing: 0.3px !important; gap: 6px !important; }
  .ticker-item::after { margin-left: 14px !important; font-size: 0.3rem !important; }
  .ticker-track { animation-duration: 24s !important; }
}