/* EW Counter — Online psí škola styly */

/* Wrapper pro zarovnání (block-level kolem inline-flex badge) */
.ewc-align { display: block; width: 100%; }
.ewc-align-left   { text-align: left; }
.ewc-align-center { text-align: center; }
.ewc-align-right  { text-align: right; }

.ewc-wrap {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.3em 0.5em;
  font-family: -apple-system, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  line-height: 1.4;
  max-width: 100%;
}

/* "👥 Už 24 184+" je vždy jedna skupina, která se nikdy nerozdělí */
.ewc-num-group {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
}
.ewc-num { white-space: nowrap; font-weight: 800; }
.ewc-after { display: inline; }

/* Velikosti — fungují u všech stylů (badge, inline, large) */
.ewc-size-small  { font-size: 13px; }
.ewc-size-small.ewc-badge { padding: 6px 14px; }
.ewc-size-small .ewc-num  { font-size: 1.05em; }

.ewc-size-normal { font-size: 15px; }
.ewc-size-large  { font-size: 18px; }
.ewc-size-large.ewc-badge { padding: 10px 22px; }

/* BADGE — default zelený pill */
.ewc-badge {
  background: #F5FAED;
  color: #2c2c2c;
  border: 1px solid #76B82A;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(118, 184, 42, 0.08);
}
.ewc-badge .ewc-num {
  color: #4a8a1d;
  font-weight: 800;
  font-size: 1.1em;
}

/* INLINE — bez pozadí, jen text */
.ewc-inline {
  font-size: inherit;
  color: inherit;
  background: none;
}
.ewc-inline .ewc-num {
  color: #4a8a1d;
  font-weight: 700;
}

/* LARGE — velký banner */
.ewc-large {
  background: linear-gradient(135deg, #F5FAED 0%, #EDF4F8 100%);
  border-left: 4px solid #76B82A;
  border-radius: 6px;
  padding: 16px 24px;
  font-size: 17px;
  font-weight: 500;
  color: #1f1f1f;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.ewc-large .ewc-num {
  color: #4a8a1d;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1;
}

/* RAW — bez wrapperu (use mode="none") */
.ewc-raw .ewc-num {
  font-weight: 800;
  color: #4a8a1d;
}

/* Animace při změně čísla */
.ewc-num {
  transition: color 0.3s ease;
}
.ewc-num.ewc-pulse {
  animation: ewcPulse 0.6s ease;
}
@keyframes ewcPulse {
  0%   { transform: scale(1); color: #4a8a1d; }
  50%  { transform: scale(1.15); color: #76B82A; }
  100% { transform: scale(1); color: #4a8a1d; }
}

/* Mobile */
@media (max-width: 600px) {
  .ewc-badge { font-size: 14px; padding: 7px 14px; }
  .ewc-large { font-size: 15px; padding: 14px 18px; }
  .ewc-large .ewc-num { font-size: 1.35em; }
}