/* Base .stat-row / .stat-item styles come from shared/styles.css.
   Column count is capped in render.php (max 4) — collapse further
   on narrow viewports so cells don't get too skinny. */
@media (max-width: 900px) {
  .block-eada-stats { padding: 56px 24px !important; }
  .block-eada-stats .stat-row { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .block-eada-stats .stat-row { grid-template-columns: 1fr !important; }
}

/* Edit-mode: keep list toolbars visible on stat cells (they're
   narrow) so hover-reveal doesn't hide the ▲▼× buttons. */
body.cms-edit .block-eada-stats .stat-item {
  padding-top: 44px; min-height: 44px;
}
body.cms-edit .block-eada-stats .cms-list-item-remove,
body.cms-edit .block-eada-stats .cms-list-item-move { opacity: 1; transition-delay: 0s; }
.block-eada-stats .cms-list-item-add--inline {
  width: auto; min-height: 0; padding: 8px 12px; align-self: center;
}

/* ── Adaptation for Via Crispi ───────────────────────────────────────
   .stat-row / .stat-item / .stat-value / .stat-label are not shared
   primitives — they live in EADA's own stylesheet, so this block
   arrived as unstyled stacked divs. Written locally.
   Design system §6: figures separated by vertical hairlines, not
   boxed as cards; figures in the display face, labels in eyebrow. */
.block-eada-stats { --off: var(--color-surface); }

.block-eada-stats .stat-row { display: grid; gap: 0; }
.block-eada-stats .stat-item {
  padding: 8px clamp(16px, 3vw, 40px);
  border-left: 1px solid var(--color-border);
  text-align: left;
}
.block-eada-stats .stat-item:first-child { border-left: 0; padding-left: 0; }
.block-eada-stats .stat-value {
  font-family: var(--font-display);
  font-size: clamp(30px, 3.4vw, 46px); font-weight: 600;
  line-height: 1.05; letter-spacing: -.015em;
  color: var(--color-fg);
}
.block-eada-stats .stat-label {
  font-family: var(--font-eyebrow);
  font-size: 12px; font-weight: 600; letter-spacing: .16em;
  text-transform: uppercase; color: var(--color-muted);
  margin-top: 12px;
}
@media (max-width: 900px) {
  .block-eada-stats .stat-item:nth-child(odd) { border-left: 0; padding-left: 0; }
}
@media (max-width: 480px) {
  .block-eada-stats .stat-item { border-left: 0; padding-left: 0; }
  .block-eada-stats .stat-item + .stat-item {
    border-top: 1px solid var(--color-border); padding-top: 24px; margin-top: 24px;
  }
}

/* Flat inline 80px/80px padding replaced with the section rhythm
   tokens — flat padding is the clearest tell of a template
   (design system §2). Set inline by the block, hence !important. */
.block-eada-stats { padding: var(--space-section-y) var(--space-section-x) !important; }