/* Peptico ticker, tier 6 ("version 1") — site-wide.
   Loaded on every front-end page at tier 6 except cart and checkout
   (tier-6-home.php decides; those two keep the header's black bar). The body
   carries .pp-ticker wherever the ticker is printed, and the header rules key off it. */

/* ---- Ticker: the strip above the site header ---------------------------------------- */
/* On this page the ticker stands in for the header's black announcement bar. Unlike that
   bar it scrolls away with the page; the nav stays. Elementor pins the nav with a fixed
   offset sized for the old bar, so here that behaviour is switched off and the header
   element itself sticks to the top edge once the ticker has scrolled past. */
body.pp-ticker .elementor-location-header .elementor-element-d3fe474 { display: none; }
body.pp-ticker header.elementor-location-header { position: sticky; top: 0; z-index: 999; }
body.pp-ticker .elementor-location-header .elementor-element-dcf871a.elementor-sticky--active { position: relative !important; top: auto !important; left: auto !important; width: auto !important; }
body.pp-ticker .elementor-location-header .elementor-sticky__spacer { display: none !important; }
.pp3-ticker { position: relative; height: 26px; overflow: hidden; background: #323232; color: #fffef8; }
/* the site forces its main font onto every list item with !important; the ticker opts out */
.pp3-ticker, .pp3-ticker .pp3-ticker__item { font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace !important; }
.pp3-ticker__track { display: flex; width: max-content; height: 100%; animation: pp3-ticker 40s linear infinite; will-change: transform; }
.pp3-ticker:hover .pp3-ticker__track { animation-play-state: paused; }
.pp3-ticker__list { display: flex; align-items: center; height: 100%; margin: 0; padding: 0; list-style: none; }
.pp3-ticker__item { display: flex; align-items: center; height: 100%; padding: 0 32px; font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; white-space: nowrap; border-left: 1px solid rgba(255, 254, 248, 0.22); }
@keyframes pp3-ticker { to { transform: translateX(-25%); } }
@media (prefers-reduced-motion: reduce) {
  .pp3-ticker { height: auto; min-height: 26px; }
  .pp3-ticker__track { animation: none; width: 100%; justify-content: center; }
  .pp3-ticker__list { flex-wrap: wrap; justify-content: center; }
  .pp3-ticker__list[aria-hidden="true"] { display: none; }
  .pp3-ticker__item { height: 26px; }
}