/**
 * BARRE DE PROGRESSION - Parcours d'inscription
 * v1.2 (MISE À JOUR : masquée sur petit écran)
 */
.progress-bar-container {
    background: white;
    border-radius: 14px;
    padding: 32px 28px;
    margin-bottom: 32px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    border: 1px solid #e5e7eb;
    position: relative;
}
.progress-bar-header { text-align:center; margin-bottom: 24px; }
.progress-bar-header h2 { margin: 0; font-size: 1.4em; color: #1F5FA8; font-weight: 700; }
.progress-bar-header p { margin: 6px 0 0 0; color: #6B7280; font-size: 0.95em; }

.progress-steps { display:flex; align-items:center; justify-content:space-between; gap:0; position:relative; }
.progress-steps::before { content:''; position:absolute; top:27px; left:4%; right:4%; height:3px; background:#e5e7eb; z-index:0; border-radius:3px; }
.progress-step { display:flex; flex-direction:column; align-items:center; gap:10px; flex:1 1 0; min-width:100px; position:relative; z-index:1; text-align:center; }
.progress-circle { width:50px; height:50px; border-radius:50%; background:#f3f4f6; border:3px solid #d1d5db; display:flex; align-items:center; justify-content:center; font-weight:700; color:#6B7280; font-size:1.2em; z-index:2; box-shadow:0 2px 4px rgba(0,0,0,0.05); transition:all .3s; }
.progress-step.active .progress-circle { background:linear-gradient(135deg,#2E7BC0 0%, #1F5FA8 100%); border-color:#1F5FA8; color:white; transform:scale(1.05); }
.progress-step.completed .progress-circle { background:linear-gradient(135deg,#06A77D 0%, #047857 100%); border-color:#047857; color:white; }
.progress-step.completed .progress-circle::after { content:'✓'; position:absolute; font-size:1.3em; font-weight:800; }
.progress-step.disabled .progress-circle { opacity: 0.5; }
.progress-label { text-align:center; z-index:2; }
.progress-label-title { font-weight:700; color:#1F2937; font-size:0.95em; line-height:1.4; }
.progress-label-subtitle { font-size:0.85em; color:#6B7280; margin-top:2px; }

/* ===== RESPONSIVE : MASQUER SUR PETIT ÉCRAN ===== */
/* Masquer sur tablettes et en dessous */
@media (max-width: 1024px) {
    .progress-bar-container {
        display: none !important;
    }
}

/* Masquer sur mobile */
@media (max-width: 768px) {
    .progress-bar-container {
        display: none !important;
    }
}

/* Masquer sur très petit écran */
@media (max-width: 480px) {
    .progress-bar-container {
        display: none !important;
    }
}