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

.kwny-stats{
  --ks-green: var(--e-global-color-primary,   #035E39);
  --ks-ink:   var(--e-global-color-secondary, #00140E);
  --ks-body:  #4B5A50;
  --ks-line:  #E3E9E5;
  --ks-chip:  #F1F5F2;
  --ks-sans:  var(--e-global-typography-text-font-family, "Inter"), Arial, sans-serif;
  --ks-pad-x: 36px;         /* space beside vertical dividers */
  --ks-pad-y: 18px;
  --ks-stack-pad-x: 12px;   /* side padding when stacked */

  background-color: #FFFFFF;
  padding: 56px 0;
  font-family: var(--ks-sans);
  box-sizing: border-box;
}
.kwny-stats *,
.kwny-stats *::before,
.kwny-stats *::after{ box-sizing: border-box; }

/* full-width breakout (switch in the widget) — scrollbar-safe */
.kwny-stats-full-yes .kwny-stats{
  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-stats__inner{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.kwny-stats .kwny-stats__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.kwny-stats .kwny-stats__item{
  margin: 0;
  min-width: 0;
  padding: var(--ks-pad-y) var(--ks-pad-x);
}

/* number + icon */
.kwny-stats__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.kwny-stats .kwny-stats__value{
  margin: 0;
  font-family: var(--ks-sans);
  font-weight: 500;
  font-size: clamp(1.375rem, 1.2885rem + .3846vw, 1.75rem);
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ks-ink);
}
.kwny-stats__icon{
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--ks-chip);
  color: var(--ks-green);
}
.kwny-stats__icon svg{ width: 18px; height: 18px; display: block; }
.kwny-stats__icon i{ font-size: 18px; line-height: 1; }
.kwny-stats__icon .e-font-icon-svg{ fill: currentColor; }

.kwny-stats .kwny-stats__label{
  margin: 0;
  max-width: 34ch;
  font-size: clamp(.9375rem, .9087rem + .1282vw, 1.0625rem);
  line-height: 1.5;
  color: var(--ks-body);
}

/* ------------------------------------------------------------------
   Columns + dividers. The widget adds kwny-stats-cols-N (desktop),
   kwny-stats-cols-tablet-N and kwny-stats-cols-mobile-N.
   Side by side: vertical line between items; new row: line on top.
   Stacked (1 column): horizontal lines between items.
   ------------------------------------------------------------------ */

/* desktop */
.kwny-stats-cols-1 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.kwny-stats-cols-1 .kwny-stats .kwny-stats__item:nth-child(n){ border-left: 0; border-top: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-stack-pad-x); }
.kwny-stats-cols-1 .kwny-stats .kwny-stats__item:nth-child(1){ border-top: 0; }
.kwny-stats-cols-1 .kwny-stats .kwny-stats__label{ max-width: none; }
.kwny-stats-cols-2 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kwny-stats-cols-2 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-2 .kwny-stats .kwny-stats__item:nth-child(2n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-2 .kwny-stats .kwny-stats__item:nth-child(2n){ padding-right: 0; }
.kwny-stats-cols-2 .kwny-stats .kwny-stats__item:nth-child(n+3){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-3 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kwny-stats-cols-3 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-3 .kwny-stats .kwny-stats__item:nth-child(3n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-3 .kwny-stats .kwny-stats__item:nth-child(3n){ padding-right: 0; }
.kwny-stats-cols-3 .kwny-stats .kwny-stats__item:nth-child(n+4){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-4 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kwny-stats-cols-4 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-4 .kwny-stats .kwny-stats__item:nth-child(4n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-4 .kwny-stats .kwny-stats__item:nth-child(4n){ padding-right: 0; }
.kwny-stats-cols-4 .kwny-stats .kwny-stats__item:nth-child(n+5){ border-top: 1px solid var(--ks-line); }

/* tablet */
@media (max-width: 1024px){
.kwny-stats-cols-tablet-1 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.kwny-stats-cols-tablet-1 .kwny-stats .kwny-stats__item:nth-child(n){ border-left: 0; border-top: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-stack-pad-x); }
.kwny-stats-cols-tablet-1 .kwny-stats .kwny-stats__item:nth-child(1){ border-top: 0; }
.kwny-stats-cols-tablet-1 .kwny-stats .kwny-stats__label{ max-width: none; }
.kwny-stats-cols-tablet-2 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kwny-stats-cols-tablet-2 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-tablet-2 .kwny-stats .kwny-stats__item:nth-child(2n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-tablet-2 .kwny-stats .kwny-stats__item:nth-child(2n){ padding-right: 0; }
.kwny-stats-cols-tablet-2 .kwny-stats .kwny-stats__item:nth-child(n+3){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-tablet-3 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kwny-stats-cols-tablet-3 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-tablet-3 .kwny-stats .kwny-stats__item:nth-child(3n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-tablet-3 .kwny-stats .kwny-stats__item:nth-child(3n){ padding-right: 0; }
.kwny-stats-cols-tablet-3 .kwny-stats .kwny-stats__item:nth-child(n+4){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-tablet-4 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kwny-stats-cols-tablet-4 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-tablet-4 .kwny-stats .kwny-stats__item:nth-child(4n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-tablet-4 .kwny-stats .kwny-stats__item:nth-child(4n){ padding-right: 0; }
.kwny-stats-cols-tablet-4 .kwny-stats .kwny-stats__item:nth-child(n+5){ border-top: 1px solid var(--ks-line); }
}

/* mobile */
@media (max-width: 767px){
  .kwny-stats{ padding: 20px 0; }
  .kwny-stats__inner{ padding: 0 16px; }
  .kwny-stats .kwny-stats__value{ font-size: 1.25rem; }
  .kwny-stats__top{ margin-bottom: 18px; }
  .kwny-stats .kwny-stats__label{ font-size: .9375rem; }
.kwny-stats-cols-mobile-1 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.kwny-stats-cols-mobile-1 .kwny-stats .kwny-stats__item:nth-child(n){ border-left: 0; border-top: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-stack-pad-x); }
.kwny-stats-cols-mobile-1 .kwny-stats .kwny-stats__item:nth-child(1){ border-top: 0; }
.kwny-stats-cols-mobile-1 .kwny-stats .kwny-stats__label{ max-width: none; }
.kwny-stats-cols-mobile-2 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kwny-stats-cols-mobile-2 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-mobile-2 .kwny-stats .kwny-stats__item:nth-child(2n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-mobile-2 .kwny-stats .kwny-stats__item:nth-child(2n){ padding-right: 0; }
.kwny-stats-cols-mobile-2 .kwny-stats .kwny-stats__item:nth-child(n+3){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-mobile-3 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kwny-stats-cols-mobile-3 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-mobile-3 .kwny-stats .kwny-stats__item:nth-child(3n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-mobile-3 .kwny-stats .kwny-stats__item:nth-child(3n){ padding-right: 0; }
.kwny-stats-cols-mobile-3 .kwny-stats .kwny-stats__item:nth-child(n+4){ border-top: 1px solid var(--ks-line); }
.kwny-stats-cols-mobile-4 .kwny-stats .kwny-stats__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kwny-stats-cols-mobile-4 .kwny-stats .kwny-stats__item:nth-child(n){ border-top: 0; border-left: 1px solid var(--ks-line); padding: var(--ks-pad-y) var(--ks-pad-x); }
.kwny-stats-cols-mobile-4 .kwny-stats .kwny-stats__item:nth-child(4n+1){ border-left: 0; padding-left: 0; }
.kwny-stats-cols-mobile-4 .kwny-stats .kwny-stats__item:nth-child(4n){ padding-right: 0; }
.kwny-stats-cols-mobile-4 .kwny-stats .kwny-stats__item:nth-child(n+5){ border-top: 1px solid var(--ks-line); }
}
