/* ============================================================
   TPOSTATISTICS - FRONTEND STYLES
   Counters, Badges, Summary Widgets (Strictly Scoped & Isolated)
   ============================================================ */

.tpostat-counter {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-weight: 700 !important;
	color: inherit;
	display: inline-block !important;
	line-height: inherit !important;
}

.tpostat-post-views {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
	font-size: 13.5px !important;
	color: #64748b !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	vertical-align: middle !important;
}

.tpostat-post-views svg {
	color: #0071e3 !important;
	flex-shrink: 0 !important;
	width: 14px !important;
	height: 14px !important;
	display: inline-block !important;
}

/* Summary Widget */
.tpostat-summary-widget {
	box-sizing: border-box !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	border-radius: 16px !important;
	padding: 20px !important;
	margin: 16px 0 !important;
	width: 100% !important;
	max-width: 380px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	text-align: left !important;
}

.tpostat-summary-widget *,
.tpostat-summary-widget *::before,
.tpostat-summary-widget *::after {
	box-sizing: border-box !important;
}

.tpostat-summary-widget.theme-light {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	color: #1e293b !important;
}

.tpostat-summary-widget.theme-dark {
	background: #0f172a !important;
	border: 1px solid #1e293b !important;
	color: #f8fafc !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

.tpostat-summary-widget.theme-glass {
	background: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(16px) !important;
	-webkit-backdrop-filter: blur(16px) !important;
	border: 1px solid rgba(255, 255, 255, 0.5) !important;
	color: #0f172a !important;
}

.tpostat-summary-header {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.tpostat-summary-widget.theme-dark .tpostat-summary-header {
	border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.tpostat-summary-widget .tpostat-pulse-dot {
	width: 10px !important;
	height: 10px !important;
	border-radius: 50% !important;
	background: #10b981 !important;
	box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7) !important;
	animation: tpostatPulse 2s infinite !important;
	flex-shrink: 0 !important;
}

@keyframes tpostatPulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
	}
}

.tpostat-summary-title {
	font-size: 16px !important;
	font-weight: 800 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	line-height: 1.2 !important;
	border: none !important;
}

.tpostat-summary-rows {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.tpostat-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 13.5px !important;
	padding: 4px 0 !important;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.05) !important;
	margin: 0 !important;
}

.tpostat-summary-widget.theme-dark .tpostat-row {
	border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

.tpostat-row-label {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: #64748b !important;
	font-weight: 500 !important;
}

.tpostat-summary-widget.theme-dark .tpostat-row-label {
	color: #94a3b8 !important;
}

.tpostat-row-label svg {
	width: 15px !important;
	height: 15px !important;
	flex-shrink: 0 !important;
	opacity: 0.8 !important;
}

.tpostat-row-val {
	font-weight: 700 !important;
	color: #0f172a !important;
	font-size: 14px !important;
}

.tpostat-summary-widget.theme-dark .tpostat-row-val {
	color: #ffffff !important;
}

.tpostat-val-online {
	color: #10b981 !important;
	font-weight: 800 !important;
}

/* Frontend Live Counter Micro-Animation */
.tpostat-live-pulse {
	display: inline-block !important;
	animation: tpostatLivePulse 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

@keyframes tpostatLivePulse {
	0% {
		transform: scale(1);
	}
	40% {
		transform: scale(1.25);
		color: #10b981 !important;
		text-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
	}
	100% {
		transform: scale(1);
	}
}