/* =========================================================
   Formulaire multi-étapes — création / édition d'annonce
   ========================================================= */

.assistant {
    max-width: 760px;
    margin: 0 auto;
    padding: 1.5rem 0 3rem;
}

.assistant-etapes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    font-size: 0.85rem;
}
.assistant-etapes li {
    flex: 1 1 auto;
    text-align: center;
    padding: 0.5rem 0.25rem;
    border-bottom: 4px solid var(--couleur-bordure);
    color: var(--couleur-texte-clair);
}
.assistant-etapes li.actif { border-color: var(--couleur-primaire); color: var(--couleur-primaire-fonce); font-weight: 700; }
.assistant-etapes li.termine { border-color: var(--couleur-succes); }

.assistant-carte {
    background: var(--couleur-fond-alt);
    border: 1px solid var(--couleur-bordure);
    border-radius: var(--rayon);
    padding: 1.5rem;
}
@media (min-width: 640px) { .assistant-carte { padding: 2rem; } }

.assistant-actions {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.groupe-photos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
@media (min-width: 600px) { .groupe-photos { grid-template-columns: repeat(3, 1fr); } }
.apercu-photo { display: block; border: 2px dashed var(--couleur-bordure); border-radius: var(--rayon); padding: 0.75rem; text-align: center; }
.apercu-photo img { border-radius: 6px; margin-bottom: 0.5rem; height: 110px; width: 100%; object-fit: cover; }

.apercu-photo.photo-zoomable { border: 1px solid var(--couleur-bordure); padding: 0; }
.apercu-photo.photo-zoomable img { margin-bottom: 0; height: 190px; }

.recapitulatif-bloc { margin-bottom: 1.5rem; }
.recapitulatif-bloc h3 { margin-top: 0; }
.recapitulatif-bloc dl { display: grid; grid-template-columns: 1fr; gap: 0.25rem 1rem; margin: 0; }
.recapitulatif-bloc dt { font-weight: 700; }
.recapitulatif-bloc dd { margin: 0 0 0.5rem; }
@media (min-width: 600px) {
    .recapitulatif-bloc dl { grid-template-columns: 220px 1fr; }
    .recapitulatif-bloc dt, .recapitulatif-bloc dd { margin: 0; padding: 0.35rem 0; border-bottom: 1px solid var(--couleur-bordure); }
}