/*
 * LIVEROK — ce qu'on montre quand il n'y a pas encore de sortie.
 *
 * Les parcours proposés doivent ressembler à du CONTENU, pas à un lot de consolation : cartes cliquables, mode
 * lisible, distance réelle. L'écran doit donner l'impression qu'il se passe quelque chose ici — parce qu'il s'y
 * passe réellement quelque chose, simplement pas encore ce qu'on cherchait.
 */

.lr-discover {
  display: grid;
  gap: 10px;
  margin: 16px 0 18px;
  text-align: left;
}

.lr-discover-item {
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 13px 15px;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, .12);
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition: border-color .15s ease, transform .15s ease;
}

.lr-discover-item:hover,
.lr-discover-item:focus-visible {
  border-color: rgba(226, 102, 31, .55);
  transform: translateY(-1px);
}

.lr-discover-mode { font-size: .78rem; font-weight: 700; letter-spacing: .02em; opacity: .8; }
.lr-discover-item strong { font-size: .98rem; line-height: 1.3; }
.lr-discover-item small { font-size: .8rem; opacity: .75; }

/* Les deux actions gardent le même poids de surface, mais pas le même rang : « voir » d'abord, « proposer » ensuite.
   Demander de créer une sortie en premier à quelqu'un qui vient d'arriver était le défaut de l'écran précédent. */
.empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.empty-actions button { flex: 1 1 13em; min-height: 44px; }

@media (max-width: 640px) {
  .empty-actions button { flex: 1 1 100%; }
}