/**
 * ================================================
 * ARCA ACADEMY - CORREÇÃO DE BARRAS DE PROGRESSO
 * 100% Antique Gold conforme Brandbook Oficial
 * ================================================
 * 
 * Este arquivo SOBRESCREVE todas as barras de progresso
 * da plataforma para usar a cor dourada oficial.
 * 
 * Importar DEPOIS de todos os outros CSS para garantir
 * máxima especificidade.
 */

/* ============================================
   BARRAS DE PROGRESSO GLOBAIS
   Todas devem ser Antique Gold (#C59D5F)
   ============================================ */

/* Bootstrap progress bars */
.progress-bar,
.progress .progress-bar,
.progress-bar-success,
.progress-bar-info,
.progress-bar-warning,
.progress-bar-danger,
.progress-bar-striped {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
  background-color: var(--antique-gold, #C59D5F) !important;
  background-image: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Custom progress fills */
.progress-fill,
div[class*="progress-fill"],
div[class*="progress"][class*="fill"] {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* IDI Overview */
.idi-overview .progress-fill,
#idi-overview .progress-fill {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Lente 3D Overview */
.lente-overview .progress-fill,
.lente3d-overview .progress-fill,
#lente-overview .progress-fill,
#lente3d-overview .progress-fill {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* MDACI Overview */
.mdaci-overview .progress-bar,
#mdaci-overview .progress-bar {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* ArcaLab Dashboard */
.arcalab-dashboard .progress-bar,
#arcalab-dashboard .progress-bar {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Planning List */
.planning-list .progress-fill,
#planning-list .progress-fill {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Assessment Forms */
.assessment-form .progress-bar,
#assessment-form .progress-bar {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Journey Progress */
.journey-progress .progress-fill,
.journey-progress .progress-bar {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Area Progress Bars */
.area-progress-bar,
div[data-area-id] .progress-fill,
div[data-area-id] .progress-bar {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* ============================================
   CONTAINER DE PROGRESSO
   Garantir background correto
   ============================================ */
.progress,
div[class*="progress"]:not([class*="fill"]):not([class*="bar"]) {
  background: rgba(27, 42, 65, 0.1) !important;
  background-color: rgba(27, 42, 65, 0.1) !important;
}

/* ============================================
   ELIMINAR CORES NÃO OFICIAIS
   Verde, Azul, Roxo, etc.
   ============================================ */

/* Remover verde */
.progress-bar-success,
.bg-success .progress-bar,
[style*="background: #28a745"],
[style*="background:#28a745"],
[style*="background: #20c997"],
[style*="background:#20c997"],
[style*="background: #10b981"],
[style*="background:#10b981"],
[style*="background: linear-gradient(90deg, #28a745"],
[style*="background: linear-gradient(90deg, #10b981"] {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
  background-color: var(--antique-gold, #C59D5F) !important;
  background-image: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Remover azul */
.progress-bar-info,
.bg-info .progress-bar,
[style*="background: #0d6efd"],
[style*="background:#0d6efd"],
[style*="background: #0a58ca"],
[style*="background:#0a58ca"],
[style*="background: linear-gradient(90deg, #0d6efd"],
[style*="background: linear-gradient(90deg, #0a58ca"] {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
  background-color: var(--antique-gold, #C59D5F) !important;
  background-image: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* Remover roxo */
.bg-purple .progress-bar,
[style*="background: #667eea"],
[style*="background:#667eea"],
[style*="background: #764ba2"],
[style*="background:#764ba2"],
[style*="background: linear-gradient(90deg, #667eea"],
[style*="background: linear-gradient(90deg, #764ba2"] {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
  background-color: var(--antique-gold, #C59D5F) !important;
  background-image: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* ============================================
   INLINE STYLES OVERRIDE
   Sobrescrever estilos inline incorretos
   ============================================ */
div[style*="linear-gradient(90deg, #28a745"],
div[style*="linear-gradient(90deg, #0d6efd"],
div[style*="linear-gradient(90deg, #10b981"],
div[style*="linear-gradient(90deg, #667eea"],
div[style*="linear-gradient(90deg, #764ba2"],
span[style*="linear-gradient(90deg, #28a745"],
span[style*="linear-gradient(90deg, #0d6efd"],
span[style*="linear-gradient(90deg, #10b981"] {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
}

/* ============================================
   TEXTO DE PORCENTAGEM
   ============================================ */
.progress-percentage,
.progress-text,
.progress-label {
  color: rgba(27, 42, 65, 0.75);
  font-family: var(--font-primary, 'Lato', sans-serif);
  font-size: 0.75rem;
  font-weight: 600;
}

/* ============================================
   ANIMAÇÕES SUAVES
   ============================================ */
.progress-fill,
.progress-bar {
  transition: width 0.6s ease, background 0.3s ease !important;
}

/* Shimmer effect dourado */
.progress-fill::after,
.progress-bar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* ============================================
   RESPONSIVIDADE
   ============================================ */
@media (max-width: 768px) {
  .progress,
  .progress-bar {
    height: 8px !important; /* Levemente mais alto em mobile */
  }
}

/* ============================================
   ESTADOS ESPECIAIS
   ============================================ */

/* Progresso completo (100%) */
.progress-fill[style*="width: 100%"],
.progress-bar[style*="width: 100%"],
.progress-fill.complete,
.progress-bar.complete {
  background: linear-gradient(90deg, var(--antique-gold, #C59D5F) 0%, #b08c52 100%) !important;
  box-shadow: 0 0 8px rgba(197, 157, 95, 0.4);
}

/* Progresso em andamento */
.progress-fill.in-progress,
.progress-bar.in-progress {
  animation: pulse-gold 2s infinite;
}

@keyframes pulse-gold {
  0%, 100% {
    box-shadow: 0 0 4px rgba(197, 157, 95, 0.3);
  }
  50% {
    box-shadow: 0 0 12px rgba(197, 157, 95, 0.6);
  }
}

/* ============================================
   ACESSIBILIDADE
   ============================================ */
.progress[role="progressbar"] {
  /* Garantir que aria-valuenow seja legível */
}

/* Alto contraste */
@media (prefers-contrast: high) {
  .progress-fill,
  .progress-bar {
    background: var(--antique-gold, #C59D5F) !important;
    border: 2px solid var(--deep-navy, #1B2A41) !important;
  }
}

/* Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .progress-fill,
  .progress-bar,
  .progress-fill::after,
  .progress-bar::after {
    animation: none !important;
    transition: none !important;
  }
}