/* SH Review — Counters grid (boxed, responsive) */

.sh-counters-widget {
  --cols: 4;
  --card-bg: #fff;
  --card-br: 14px;
  --card-bd: 1px solid rgba(0,0,0,.08);
  --card-shadow: 0 6px 18px rgba(0,0,0,.06);
  --pad: 18px;
}
.sh-counters--boxed {
  background: var(--card-bg);
  border: var(--card-bd);
  border-radius: var(--card-br);
  box-shadow: var(--card-shadow);
  padding: var(--pad);
}
.sh-counters__title { margin: 0 0 12px 0; font-weight: 700; font-size: clamp(1.05rem,1.2vw,1.15rem); }
/* Ta bort temats ev. dekor (t.ex. "\" efter rubriker) */
.sh-counters__title::after { content: none !important; }

.sh-counters { list-style: none; margin: 0; padding: 0;
  display: grid; gap: 18px;
  grid-template-columns: repeat(var(--cols), minmax(0,1fr));
}
.sh-counters__empty { opacity: .7; }

.sh-counter { text-align: center; }
.sh-counter__link {
  display: grid; gap: 6px; justify-items: center;
  text-decoration: none; color: inherit;
}
.sh-counter__value {
  font-size: clamp(1.6rem, 3.4vw, 2.25rem);
  font-weight: 800;
  line-height: 1;
}
.sh-counter__label {
  font-size: .95rem;
  opacity: .85;
}

/* Hover/focus polish */
.sh-counter__link:hover .sh-counter__value { transform: scale(1.02); }
.sh-counter__link:focus { outline: 0; box-shadow: 0 0 0 3px rgba(59,130,246,.35); border-radius: 8px; padding: 2px 6px; }

/* Compact variant */
.sh-counters--compact { --pad: 14px; }
.sh-counters--compact .sh-counters { gap: 12px; }
.sh-counters--compact .sh-counter__value { font-size: clamp(1.4rem, 3vw, 1.9rem); }

/* Responsiv kolumnjustering */
@media (max-width: 900px) { .sh-counters-widget { --cols: 3; } }
@media (max-width: 640px) { .sh-counters-widget { --cols: 2; } }
@media (max-width: 420px) { .sh-counters-widget { --cols: 1; } }
/* Döda temats pilar/dekorer i counters-widgeten */
.sh-counters-widget .sh-counters > li::before,
.sh-counters-widget .sh-counters > li::after,
.sh-counters-widget .sh-counter::before,
.sh-counters-widget .sh-counter::after,
.sh-counters-widget .sh-counter__link::before,
.sh-counters-widget .sh-counter__link::after {
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  display: none !important;
}
/* Center everything inside the counters card */
.sh-counters-widget { text-align: center; }
.sh-counters__title { text-align: center; }

/* Grid itself centered + items centrerade */
.sh-counters {
  justify-content: center;   /* center the grid tracks */
  justify-items: center;     /* center items in their cells */
  align-items: center;       /* vertical align */
  margin-left: 0 !important; /* kill theme offsets */
  padding-left: 0 !important;
}

/* Kill any theme padding left on list items */
.sh-counters > li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* If your theme added bullets/chevrons we already hid them,
   but make sure they don't reserve space */
.sh-counters-widget .sh-counters > li::before,
.sh-counters-widget .sh-counters > li::after {
  content: none !important;
  display: none !important;
}