/* ═══════════════════════════════════════════════════════════
   base.css — body foundation + persistent global UI (ticker).
   НЕ содержит:
     - цветовые токены (→ site-colors.css)
     - типографику (→ components/typography.css)
     - page-specific правила (→ pages/*)
   ═══════════════════════════════════════════════════════════ */

/* ─── Body foundation ──────────────────────────────────────── */
body {
  background: var(--bg);
  color: var(--text);
}

/* ─── Top Ticker ───────────────────────────────────────────── */
.dag-top-ticker {
  position: relative !important;
  overflow: hidden !important;
  height: 32px !important;
  background: var(--primary) !important;
}

.dag-top-ticker__track {
  background: none !important;
  background-image: none !important;
  animation: none !important;
}

.dag-top-ticker::before,
.dag-top-ticker::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.dag-top-ticker::before {
  z-index: 1;
  background-image: url('/wp-content/themes/car-rental-wda-child/assets/img/promo-ticker-MCD1.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}

.dag-top-ticker::after {
  z-index: 2;
  background-image: url('/wp-content/themes/car-rental-wda-child/assets/img/promo-ticker-MCD2.png');
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: auto 100%;
  animation: dagTickerScrollMcd 14s linear infinite;
}

.dag-top-ticker:hover::after {
  animation-play-state: paused;
}

@keyframes dagTickerScrollMcd {
  from { background-position:    0 center; }
  to   { background-position: -2500px center; }
}

@media (max-width: 640px) {
  .dag-top-ticker {
    height: 30px !important;
  }
  .dag-top-ticker::before,
  .dag-top-ticker::after {
    background-size: auto 100% !important;
  }
  .dag-top-ticker::after {
    animation-duration: 10s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dag-top-ticker::after {
    animation: none !important;
  }
}