/* =========================
   Pattie - Ticker
   ========================= */

/* (Optional) palette defaults if your global vars aren't present */
:root{
  --merlot: #38151c;
  --merlot-deep: #2a0f14;
  --peony: #f48a96;
  --blush: #fcd8d9;
  --gold: #e1af26;
  --champagne: #fce796;
  --cloud: #fbf6ea;
}

.pt-logos-wide{
  --gap: 54px !important;         /* default is 34px */
}

.pattie-ticker--logos a.pattie-ticker__item--logo,
.logo-ticker--logos a.logo-ticker__item--logo{
  pointer-events: none;
  cursor: default;
}

/* Core wrapper: TRANSPARENT by default (you style the background elsewhere) */
.pattie-ticker,
.logo-ticker{
  --ticker-height: 40px;
  --logo-height: 24px;
  --gap: 34px;
  --diamond-size: 7px;

  height: var(--ticker-height);
  max-height: var(--ticker-height);
  overflow: hidden;

  background: transparent; /* user-controlled */
  padding: 0;
  border-radius: 0;

  line-height: 0;
  display: block;
}

.pattie-ticker__viewport,
.logo-ticker__viewport{
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.pattie-ticker__track,
.logo-ticker__track{
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
}

.pattie-ticker__group,
.logo-ticker__group{
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  width: max-content;
}

.pattie-ticker__item,
.logo-ticker__item{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: inherit !important;
  line-height: 1;
  letter-spacing:2px;
}

/* LOGOS */
.pattie-ticker__item--logo,
.logo-ticker__item--logo{
  line-height: 0;
}

.pattie-ticker__img,
.logo-ticker__img{
  display: block;
  height: var(--logo-height);
  max-height: var(--logo-height);
  width: auto;
  max-width: none;
  object-fit: contain;
}

/* TEXT */
.pattie-ticker--text,
.logo-ticker--text{
  font-size: 16px;
  font-weight: 400; /* <-- non-bold weight */
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  letter-spacing: .09em;
  line-height: 1;
}

/* alternate bold / strong weight */
.pattie-ticker--text .pattie-ticker__item strong,
.logo-ticker--text .logo-ticker__item strong{
  font-weight: 500 !important; /* <-- bold weight */
}

/* text color option */
.pattie-ticker--text-dark,
.logo-ticker--text-dark{ color: var(--merlot); }

.pattie-ticker--text-light,
.logo-ticker--text-light{ color:#fff; }

/* Separator diamond (color is randomized by JS) */
.pattie-ticker__sep,
.logo-ticker__sep{
  width: var(--diamond-size);
  height: var(--diamond-size);
  transform: rotate(45deg);
  background: var(--pt-diamond-color, var(--merlot)); /* fallback */
  border-radius: 1px;
  margin: 0 calc(var(--gap) * 0.5);
  flex: 0 0 auto;
}

/* Focus */
.pattie-ticker a:focus-visible,
.logo-ticker a:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 6px;
}

/* Responsive */
@media (max-width: 640px){
  .pattie-ticker,
  .logo-ticker{
    --ticker-height: 34px;
    --logo-height: 16px;
    --gap: 16px;
    --diamond-size: 5px;
  }

  .pattie-ticker--text,
  .logo-ticker--text{
    font-size: 13px;
    --gap: 12px;
  }

  /* keep the same 500 bold on mobile */
  .pattie-ticker--text .pattie-ticker__item strong,
  .logo-ticker--text .logo-ticker__item strong{
    font-weight: 500 !important;
  }
}