/* styles/default/components/c-progress.css — #44 průběh: tenký pruh, hodnota přes --progress (style="--progress: 40%" je povolená výjimka), text pod ním
   Created :: 2026-10-23
   Updated :: 2026-10-23 */

.c-progress { position: relative; height: .4rem; overflow: hidden; border-radius: var(--r-full); background: var(--color-surface-2); }
.c-progress__bar { position: absolute; inset: 0 auto 0 0; width: var(--progress, 0%); border-radius: inherit; background: var(--color-primary); transition: width var(--dur-2) var(--ease-out); }
.c-progress__text { display: block; margin-top: .3rem; color: var(--color-text-muted); font-size: var(--fs-xs); }
.c-progress--indeterminate .c-progress__bar { width: 40%; animation: c-progress-slide 1.2s var(--ease-in-out) infinite; }
@keyframes c-progress-slide { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .c-progress--indeterminate .c-progress__bar { animation: none; width: 100%; opacity: .5; } }