/* KWNY Trust Bar widget — every rule is scoped to .kwny-tbar, nothing else on the site is touched. */

.kwny-tbar{
  --kt-bar:   #133128;                 /* dark green band */
  --kt-text:  #FFFFFF;
  --kt-dot:   rgba(255,255,255,.45);
  --kt-sans:  var(--e-global-typography-text-font-family, "Inter"), Arial, sans-serif;
  --kt-gap:   40px;                    /* space between the items */
  --kt-speed: 34s;                     /* time for one full pass */

  background-color: var(--kt-bar);
  padding: 18px 0;
  font-family: var(--kt-sans);
  box-sizing: border-box;
  overflow: hidden;                    /* the marquee never leaks out of the band */
}
.kwny-tbar *,
.kwny-tbar *::before,
.kwny-tbar *::after{ box-sizing: border-box; }

/* full-width breakout (switch in the widget) — scrollbar-safe */
.kwny-tbar-full-yes .kwny-tbar{
  width: calc(100vw - var(--kwny-sb, 0px));
  max-width: calc(100vw - var(--kwny-sb, 0px));
  margin-left: calc(50% - 50vw + (var(--kwny-sb, 0px) / 2));
  margin-right: calc(50% - 50vw + (var(--kwny-sb, 0px) / 2));
}

.kwny-tbar .kwny-tbar__viewport{
  width: 100%;
  overflow: hidden;
}
.kwny-tbar .kwny-tbar__list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px var(--kt-gap);
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  list-style: none;
}

/* ---------- items ---------- */
.kwny-tbar .kwny-tbar__item{
  position: relative;
  margin: 0;
  padding: 0;
  font-size: .9375rem;                 /* 15px */
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .005em;
  color: var(--kt-text);
  white-space: nowrap;
}
.kwny-tbar__item::before,
.kwny-tbar__item::marker{ content: none; }

/* the small dot between the items */
.kwny-tbar .kwny-tbar__item + .kwny-tbar__item::after{
  content: var(--kt-sep, "·");
  position: absolute;
  left: calc(var(--kt-gap) / -2);
  top: 50%;
  transform: translateY(-50%);
  color: var(--kt-dot);
}
/* first item of a wrapped line never shows a leading dot (set by the script) */
.kwny-tbar .kwny-tbar__item.is-rowstart::after{ content: none; }

/* ---------- marquee (switched on by the script once the copies exist) ---------- */
@keyframes kwny-tbar-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(calc(-50% - var(--kt-gap) / 2)); }
}
.kwny-tbar .kwny-tbar__list.is-looping{
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: max-content;
  max-width: none;
  padding: 0;
  animation: kwny-tbar-loop var(--kt-speed) linear infinite;
  will-change: transform;
}
.kwny-tbar .kwny-tbar__list.is-looping .kwny-tbar__item.is-rowstart::after{ content: var(--kt-sep, "·"); }
.kwny-tbar .kwny-tbar__list.is-looping .kwny-tbar__item:first-child::after{ content: none; }
.kwny-tbar-pause-yes .kwny-tbar .kwny-tbar__list.is-looping:hover,
.kwny-tbar-pause-yes .kwny-tbar .kwny-tbar__list.is-looping:active{ animation-play-state: paused; }

.kwny-tbar .kwny-tbar__item.is-clone{ display: none; }
.kwny-tbar .kwny-tbar__list.is-looping .kwny-tbar__item.is-clone{ display: block; }

/* ---------- tablet / mobile ---------- */
@media (max-width: 1024px){
  .kwny-tbar{ --kt-gap: 32px; --kt-speed: 28s; }
  .kwny-tbar .kwny-tbar__item{ font-size: .875rem; }
}
@media (max-width: 767px){
  .kwny-tbar{ padding: 14px 0; --kt-gap: 26px; --kt-speed: 20s; }
  .kwny-tbar .kwny-tbar__list{ padding: 0 16px; }
  .kwny-tbar .kwny-tbar__item{ font-size: .8125rem; }
}

/* no motion wanted: a plain swipeable row instead of the marquee */
@media (prefers-reduced-motion: reduce){
  .kwny-tbar .kwny-tbar__viewport{ overflow-x: auto; scrollbar-width: none; }
  .kwny-tbar .kwny-tbar__viewport::-webkit-scrollbar{ display: none; }
  .kwny-tbar .kwny-tbar__list.is-looping{ animation: none; padding: 0 20px; }
  .kwny-tbar .kwny-tbar__list.is-looping .kwny-tbar__item.is-clone{ display: none; }
}