/* KWNY Featured In widget — every rule is scoped to .kwny-feat, nothing else on the site is touched. */

.kwny-feat{
  --kf-green: var(--e-global-color-primary,   #035E39);
  --kf-ink:   var(--e-global-color-secondary, #00140E);
  --kf-serif: var(--e-global-typography-primary-font-family, "Test Financier"), Georgia, serif;
  --kf-gap:    16px;
  --kf-card-w: 259.53px;           /* Figma: 259.53 x 76.62 */
  --kf-speed:  22s;                /* mobile loop: time for one full pass */

  background-color: #FFFFFF;
  padding: 56px 0;
  box-sizing: border-box;
  overflow: hidden;
}
.kwny-feat *,
.kwny-feat *::before,
.kwny-feat *::after{ box-sizing: border-box; }

/* full-width breakout (switch in the widget) — scrollbar-safe */
.kwny-feat-full-yes .kwny-feat{
  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-feat .kwny-feat__title{
  margin: 0 0 36px;
  padding: 0 16px;
  text-align: center;
  font-family: var(--kf-serif);
  font-weight: 400;
  font-size: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--kf-ink);
}
.kwny-feat .kwny-feat__title em{ font-style: italic; color: var(--kf-green); }

/* ---------- logo row ---------- */
.kwny-feat .kwny-feat__track{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--kf-gap);
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1280px;
  list-style: none;
}
.kwny-feat .kwny-feat__item{
  flex: 0 0 var(--kf-card-w);
  margin: 0;
  padding: 0;
}
.kwny-feat__item::before,
.kwny-feat__item::marker{ content: none; }
.kwny-feat .kwny-feat__item.is-clone{ display: none; }   /* clones are only used by the mobile loop */

.kwny-feat .kwny-feat__card{
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 259.53 / 76.62;
  padding: 13.75px;                /* Figma: padding 13.75px */
  border-radius: 10.31px;          /* Figma: radius 10.31px */
  background-color: #F5F9F7;       /* Figma: card fill */
  text-decoration: none;
  transition: background-color .2s ease;
}
.kwny-feat a.kwny-feat__card:hover{ background-color: #ECF3EF; }
.kwny-feat a.kwny-feat__card:focus-visible{ outline: 2px solid var(--kf-green); outline-offset: 3px; }
.kwny-feat .kwny-feat__card img{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  object-fit: contain;
  -webkit-user-drag: none;
}
.kwny-feat__name{ font-size: .875rem; color: var(--kf-ink); text-align: center; }

/* ---------- tablet ---------- */
@media (max-width: 1024px){
  .kwny-feat{ --kf-card-w: 200px; --kf-gap: 14px; }
}

/* ---------- mobile ---------- */
@keyframes kwny-feat-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(calc(-50% - var(--kf-gap) / 2)); }
}
@media (max-width: 767px){
  .kwny-feat{ padding: 36px 0; --kf-card-w: 150px; --kf-gap: 12px; }
  .kwny-feat .kwny-feat__title{ margin-bottom: 24px; }
  .kwny-feat .kwny-feat__card{ padding: 10px; border-radius: 8px; }

  /* endless loop (switch in the widget) */
  .kwny-feat-loop-yes .kwny-feat .kwny-feat__track.is-looping{
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
    max-width: none;
    padding: 0;
    animation: kwny-feat-loop var(--kf-speed) linear infinite;
  }
  .kwny-feat-loop-yes .kwny-feat .kwny-feat__track.is-looping .kwny-feat__item.is-clone{ display: block; }
  .kwny-feat-loop-yes .kwny-feat__track.is-looping:hover,
  .kwny-feat-loop-yes .kwny-feat__track.is-looping:active{ animation-play-state: paused; }
}

/* no motion wanted: plain swipeable row instead of the loop */
@media (max-width: 767px) and (prefers-reduced-motion: reduce){
  .kwny-feat-loop-yes .kwny-feat .kwny-feat__track.is-looping{
    animation: none;
    width: auto;
    padding: 0 16px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .kwny-feat-loop-yes .kwny-feat .kwny-feat__track.is-looping .kwny-feat__item.is-clone{ display: none; }
}