/** ============================================================================
    GENERATE TIME CSS
============================================================================ **/

/* === ITEM CONTENT & SPACING === */
/* Align Items Vertically And Keep Gap Tight */
#wpadminbar #wp-admin-bar-wpsddc_page_generation_time > .ab-item {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	white-space: nowrap;
	width: auto;
	min-height: 32px;
	height: 32px;
	line-height: 32px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box;
}

/* === DASHICON METRICS === */
/* Normalize Icon Metrics And Vertical Alignment */
#wpadminbar #wp-admin-bar-wpsddc_page_generation_time .dashicons.dashicons-clock {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	line-height: 1;
	font-family: dashicons !important;
	font-size: 16px;
	vertical-align: middle;
	margin: 0;
	position: relative;
	top: 0 !important;
	transform-origin: 50% 50%;
	animation: none !important;
	will-change: auto;
	margin-right: 6px;
}

/* === CONTAINER ALIGNMENT === */
/* Keep Container Height Consistent With Admin Bar */
#wpadminbar #wp-admin-bar-wpsddc_page_generation_time {
	display: flex;
	align-items: center;
}

/* === TIMER NUMBER WIDTH === */
/* Reserve Width To Avoid Menu Shift During Animation */
#wpadminbar #wp-admin-bar-wpsddc_page_generation_time #wpsddc-timer {
	display: inline-block;
	flex: 0 0 auto;
	font-variant-numeric: tabular-nums;
	min-width: 0;
	width: auto;
	text-align: left;
	line-height: 32px;
	vertical-align: middle;
}

/* Keep Unit Separated And Stable */
#wpadminbar #wp-admin-bar-wpsddc_page_generation_time .wpsddc-timer-unit {
	display: inline-block;
	flex: 0 0 auto;
	margin-left: 0;
	line-height: 32px;
	vertical-align: middle;
}

/* Respect Reduced Motion Preferences */
@media (prefers-reduced-motion: reduce) {
	#wpadminbar #wp-admin-bar-wpsddc_page_generation_time .dashicons.dashicons-clock {
		animation: none;
	}
}

/* Clock remains static */
