/* ===== Cartes d'articles communes (feed, profil, recherche…) ===== */
.mb-feed-list{ display:contents; }
.mb-empty{ padding:30px 10px; text-align:center; opacity:.75; }
.mb-role-tag{ font-size:11px; padding:1px 7px; border-radius:10px; border:1px solid currentColor; margin-left:4px; opacity:.8; font-weight:500; }

/* like actif */
.action.like.liked{ background:rgba(37,99,235,.10); border-color:rgba(37,99,235,.45); color:#2563eb; }
.action.like.liked i{ color:#2563eb; }
.action.like.loading{ opacity:.6; pointer-events:none; }

/* galerie dans la carte */
.mb-card-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:8px; text-decoration:none; }
.mb-cg-item{ position:relative; display:block; border-radius:12px; overflow:hidden; aspect-ratio:1/1; background:var(--border); }
.mb-cg-item img{ width:100%; height:100%; object-fit:cover; display:block; }
.mb-cg-more{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.55); color:#fff; font-size:22px; font-weight:700; }

/* « page suivante » + chargement */
.mb-more{ display:flex; justify-content:center; margin:18px 0 90px; }
.mb-more-link{ padding:10px 18px; border:1px solid var(--border); border-radius:12px; color:var(--text); text-decoration:none; background:var(--card); }
.mb-more-loader{ display:flex; gap:6px; padding:14px; }
.mb-more-loader span{ width:9px; height:9px; border-radius:50%; background:#2563eb; animation:mbDot 1s infinite ease-in-out; }
.mb-more-loader span:nth-child(2){ animation-delay:.15s; } .mb-more-loader span:nth-child(3){ animation-delay:.3s; }
@keyframes mbDot{ 0%,80%,100%{ transform:scale(.6); opacity:.4; } 40%{ transform:scale(1); opacity:1; } }