/*
 * LIVEROK — premiers pas, et révélation progressive de la navigation.
 *
 * La carte doit se lire comme une aide, pas comme une tâche administrative : une seule étape est développée à la
 * fois (celle qui vient), les précédentes se réduisent à une coche, les suivantes à un titre. Trois lignes cochées
 * valent mieux qu'un tutoriel de six écrans.
 */

.lr-steps {
  margin: 0 0 18px;
  padding: 14px 16px 10px;
  border-radius: 16px;
  border: 1px solid rgba(37, 99, 235, .22);
  background: linear-gradient(180deg, rgba(37, 99, 235, .09), rgba(37, 99, 235, .03));
}

.lr-steps-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.lr-steps-head strong { font-size: .98rem; }
.lr-steps-head span { font-size: .82rem; font-weight: 700; opacity: .7; }

.lr-steps-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }

.lr-steps-list li {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}

.lr-steps-mark {
  width: 22px; height: 22px;
  display: grid; place-items: center;
  border-radius: 50%;
  font-size: .78rem; font-weight: 800;
  background: rgba(15, 23, 42, .08);
}

.lr-steps-list li.is-done .lr-steps-mark { background: #047857; color: #fff; }
.lr-steps-list li.is-done b { opacity: .6; text-decoration: line-through; text-decoration-thickness: 1px; }
.lr-steps-list li.is-next .lr-steps-mark { background: #2563eb; color: #fff; }

.lr-steps-body { display: grid; gap: 2px; min-width: 0; }
.lr-steps-body b { font-size: .92rem; }
.lr-steps-body small { font-size: .8rem; opacity: .8; line-height: 1.4; }

.lr-steps-list button { min-height: 40px; padding: 8px 14px; white-space: nowrap; }

.lr-steps-hide {
  margin-top: 6px;
  background: none;
  border: 0;
  padding: 4px 0;
  font-size: .8rem;
  opacity: .65;
  cursor: pointer;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .lr-steps-list li { grid-template-columns: auto 1fr; }
  .lr-steps-list button { grid-column: 1 / -1; width: 100%; }
}

/* ===== Révélation progressive ======================================================================================
 * `display:none` et RIEN d'autre : pas de grisé, pas de cadenas, pas de « disponible au niveau 2 ». Une entrée
 * absente s'oublie ; une entrée verrouillée se remarque, frustre, et se lit comme de la rareté artificielle.
 * L'entrée « Tout afficher » ci-dessous est la porte de sortie, et elle est présente dès la première seconde.
 * ================================================================================================================= */
.lr-nav-simple .mobile-more-item.lr-nav-advanced { display: none !important; }

.mobile-more-item.lr-nav-all { opacity: .75; }
.mobile-more-item.lr-nav-all span { font-size: 20px; line-height: 1; }