/* =========================================================
   K Stats Public CSS — v1.0.0
   Widget + Shortcode styles
   ========================================================= */

/* ---- Widget ---- */
.kstats-widget {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.hvs-widget-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 4px 0;
}

.hvs-widget-item {
  background: #f8f9ff;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  padding: 10px 12px;
  text-align: center;
}

.hvs-widget-val {
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #4361ee;
  line-height: 1.1;
}

.hvs-widget-label {
  display: block;
  font-size: 10px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-top: 3px;
}

/* ---- Counter shortcode ---- */
.kstats-counter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.kstats-counter-number {
  font-size: 1.2em;
  font-weight: 700;
  color: #4361ee;
}

.kstats-counter-label {
  color: #6c757d;
  font-size: .9em;
}

/* ---- Block shortcodes ---- */
.kstats-stats-block {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #f8f9ff;
  border: 1px solid #e8eaed;
  border-radius: 8px;
  padding: 12px 16px;
  display: inline-block;
}

.kstats-stats-block .hvs-pub-val {
  font-size: 24px;
  font-weight: 700;
  color: #4361ee;
  display: block;
}

.kstats-stats-block .hvs-pub-label {
  font-size: 12px;
  color: #6c757d;
  display: block;
  margin-top: 2px;
}

/* Online indicator */
.kstats-online {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: .95em;
}

.hvs-online-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2dc653;
  animation: hvsPubPulse 1.6s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes hvsPubPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: .3; }
}

.hvs-online-count { font-weight: 700; color: #1a1a2e; }
.hvs-online-label { color: #6c757d; }

.kstats-widget-inline,
.kstats-widget-block {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 16px;
  border: 1px solid #e8eaed;
  border-radius: 10px;
  background: #f8f9ff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.kstats-widget-block {
  display: flex;
}
.kstats-widget-inline .hvs-count,
.kstats-widget-block .hvs-count {
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  color: #4361ee;
}
.kstats-widget-inline .hvs-label,
.kstats-widget-block .hvs-label {
  font-size: 12px;
  color: #6c757d;
}
.kstats-today,
.kstats-visitors,
.kstats-pageviews {
  font-weight: 700;
  color: #1a1a2e;
}