/* LaserTribe — Community feed più compatto
   Testo e struttura del post restano invariati. */

/* Foto singola del post: anteprima quadrata compatta nel feed. */
.social-feed-card .social-photo-preview{
  display:block;
  width:min(320px,100%);
  aspect-ratio:1/1;
  margin-top:16px;
  border:1px solid var(--line,#d9dddf);
  border-radius:12px;
  overflow:hidden;
  background:#f4f4f4;
}
.social-feed-card .social-photo-preview .social-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  margin:0;
  border:0;
  border-radius:0;
}

/* Nel dettaglio del post manteniamo la visualizzazione ampia già esistente. */
.social-detail-card .social-photo-preview{
  display:block;
  margin-top:16px;
}
.social-detail-card .social-photo-preview .social-photo{
  display:block;
  max-width:100%;
}

/* Progetto condiviso: immagine 1:1 a sinistra, informazioni a destra. */
.social-shared-project-compact{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  gap:24px;
  align-items:stretch;
  margin-top:18px;
  padding:14px;
  border:1px solid var(--line,#d9dddf);
  border-radius:12px;
  background:#f8f8f8;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
}
.social-shared-project-compact .shared-project-media{
  aspect-ratio:1/1;
  min-width:0;
  border-radius:10px;
  overflow:hidden;
  background:#eceff0;
}
.social-shared-project-compact .shared-project-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.social-shared-project-compact .shared-project-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.social-shared-project-compact .shared-project-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:8px 6px;
}
.social-shared-project-compact .shared-project-info h3{
  margin:7px 0 8px;
  font-size:clamp(1.05rem,2vw,1.35rem);
  line-height:1.2;
}
.social-shared-project-compact .shared-project-author{
  font-size:.82rem;
  font-weight:650;
}
.social-shared-project-compact .shared-project-description{
  margin:12px 0 0;
  font-size:.9rem;
  line-height:1.5;
  color:var(--muted,#62686b);
}
.social-shared-project-compact .shared-project-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:16px;
  font-size:.82rem;
}
.social-shared-project-compact .shared-project-stats span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

/* Smartphone: progetto ancora compatto, ma verticale per non schiacciare i testi. */
@media (max-width:640px){
  .social-feed-card .social-photo-preview{
    width:min(260px,100%);
  }
  .social-shared-project-compact{
    grid-template-columns:1fr;
    gap:12px;
    padding:10px;
  }
  .social-shared-project-compact .shared-project-media{
    width:100%;
    max-width:320px;
  }
  .social-shared-project-compact .shared-project-info{
    padding:4px 2px 6px;
  }
}