/* ===========================
   RM.css — Recherche Membres
   Scope strict : body.RM-page-recherche-membres …
   =========================== */

/* ------- Layout responsive spécifique page ------- */
.RM-page-recherche-membres .layout { /* legacy layout (non GN) */
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}

@media (max-width: 1023px){
  .RM-page-recherche-membres .side{ display:none; }
  .RM-page-recherche-membres .layout{ display:block; }
  .RM-page-recherche-membres .content{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 0 12px;
    box-sizing:border-box;
  }
}

/* ------- Grille des résultats ------- */
.RM-page-recherche-membres .RM-members-grid{
  display:grid;
  grid-template-columns: 1fr;     /* mobile: 1 colonne */
  gap:16px;
  width:100%;
}

/* Tablette : 2 colonnes */
@media (min-width: 768px) and (max-width: 1023px){
  .RM-page-recherche-membres .RM-members-grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* Desktop : 3 colonnes */
@media (min-width: 1024px){
  .RM-page-recherche-membres .RM-members-grid{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

/* ------- Carte membre ------- */
.RM-page-recherche-membres .RM-member-card{
  border:1px solid var(--bd, #e5e7eb);
  border-radius:12px;
  background:#fff;
  padding:12px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  transition: box-shadow .18s ease, transform .18s ease;
}
.RM-page-recherche-membres .RM-member-card:hover{
  box-shadow: var(--shadow, 0 8px 24px rgba(16,24,40,.12));
  transform: translateY(-1px);
}

/* Avatar (on garde ta classe .avatar si elle existe déjà) */
.RM-page-recherche-membres .RM-member-card .avatar{
  width:96px;
  height:96px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

/* Titre & liens */
.RM-page-recherche-membres .RM-member-card h4{
  margin:10px 0 6px;
  font-size:1rem;
}
.RM-page-recherche-membres .RM-member-card h4 a{
  text-decoration:none;
  color: var(--brand, #20466e);
}
.RM-page-recherche-membres .RM-member-card h4 a:hover{
  text-decoration:underline;
}

/* Meta */
.RM-page-recherche-membres .RM-member-card .meta{
  font-size:.9em;
  color:#555;
  margin:0 0 6px;
}
.RM-page-recherche-membres .RM-member-card .distance{
  font-size:.8em;
  color:#777;
  margin:0 0 8px;
}

/* Compact mobile */
@media (max-width: 767px){
  .RM-page-recherche-membres .RM-member-card{ padding:10px; }
  .RM-page-recherche-membres .RM-member-card .avatar{
    width:72px; height:72px;
  }
}

/* Optionnel : petit espacement du bouton d’action dans la carte (sans changer son style) */
.RM-page-recherche-membres .RM-member-card .btn{
  margin-top:8px;
  width:100%;
}