/*!
 * atlas-pace.css — Native progress bar for Atlas
 * Replaces: css/plugin/pace/amsPace.css
 * CSS prefix: .atlas-pace-  (zero conflict with old .pace- classes)
 */

/* ── Container ───────────────────────────────────────────────────────────── */
.atlas-pace {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.atlas-pace-inactive {
	display: none;
}

/* ── Progress bar ────────────────────────────────────────────────────────── */
.atlas-pace .atlas-pace-progress {
	background: #3276b1;    /* Atlas brand blue — matches old amsPace.css */
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;            /* Same offset technique as old plugin */
	width: 100%;
	height: 3px;            /* 3px vs old 2px — better HiDPI/Retina visibility */
	will-change: transform; /* GPU compositing hint */
}

/* ── Spinner activity indicator (top-right corner) ───────────────────────── */
.atlas-pace .atlas-pace-activity {
	position: fixed;
	z-index: 2001;
	top: 8px;
	right: 12px;
	width: 14px;
	height: 14px;
	border: 2px solid transparent;
	border-top-color: #3276b1;
	border-left-color: #3234b1;
	border-radius: 50%;
	-webkit-animation: atlas-pace-spin 0.6s linear infinite;
	animation: atlas-pace-spin 0.6s linear infinite;
}

.atlas-pace.atlas-pace-inactive .atlas-pace-activity {
	display: none;
}

@-webkit-keyframes atlas-pace-spin {
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes atlas-pace-spin {
	to { transform: rotate(360deg); }
}

/* ── Mobile: thicker bar and adjusted spinner ────────────────────────────── */
@media (max-width: 576px) {
	.atlas-pace .atlas-pace-progress {
		height: 4px;
	}
	.atlas-pace .atlas-pace-activity {
		top: 10px;
		right: 8px;
		width: 12px;
		height: 12px;
	}
}

/* ── Accessibility: prefers-reduced-motion ───────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.atlas-pace .atlas-pace-progress {
		transition: none;
	}
	.atlas-pace .atlas-pace-activity {
		-webkit-animation: none;
		animation: none;
		display: none;
	}
}

/* ── Windows High Contrast / forced-colors ───────────────────────────────── */
@media (forced-colors: active) {
	.atlas-pace .atlas-pace-progress {
		forced-color-adjust: none;
		background: Highlight;
	}
	.atlas-pace .atlas-pace-activity {
		forced-color-adjust: none;
		border-top-color: Highlight;
		border-left-color: Highlight;
	}
}