/**
 * siren-progress.css — Pipeline progress indicator styles
 * v1.0.0 — 2026-03-23
 *
 * Добавя се след siren.css в index.php.
 * Съдържа само стиловете за:
 *   1. Прогрес бар под .rag-analyzing текста
 *   2. Fade transition при смяна на progress съобщението
 */

/* ── Progress bar container ──────────────────────────────────────────────────
   Позициониран под .rag-analyzing текста.
   Показва се само когато .rag-analyzing е активен (не е премахнат от DOM).
   Скрит по подразбиране — добавя се динамично от JS.
*/
.rag-progress-bar {
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.6rem;
  background: var(--rag-surface-dark);
  border-radius: 2px;
  overflow: hidden;
}

.rag-progress-bar::after {
  content: '';
  display: block;
  height: 100%;
  width: 20%;
  background: var(--rag-navy);
  border-radius: 2px;
  animation: rag-progress-slide 4.0s ease-in-out infinite;
}

@keyframes rag-progress-slide {
  0%   { transform: translateX(-100%); opacity: 1; }
  30%  { transform: translateX(400%);  opacity: 1; }
  31%  { transform: translateX(400%);  opacity: 0; }
  32%  { transform: translateX(-100%); opacity: 0; }
  33%  { transform: translateX(-100%); opacity: 1; }
  63%  { transform: translateX(400%);  opacity: 1; }
  64%  { transform: translateX(400%);  opacity: 0; }
  65%  { transform: translateX(-100%); opacity: 0; }
  66%  { transform: translateX(-100%); opacity: 1; }
  96%  { transform: translateX(400%);  opacity: 1; }
  100% { transform: translateX(400%);  opacity: 0; }
}

/* ── Fade transition при смяна на текста ─────────────────────────────────────
   JS добавя/премахва .is-updating за да trigger-не fade анимацията.
*/
.rag-analyzing {
  transition: opacity 0.25s ease;
}
.rag-analyzing.is-updating {
  opacity: 0;
}