/* Premium social showcase styles */

.social-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.social-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,249,252,0.98));
  border: 1px solid rgba(14,36,55,0.06);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 18px 36px rgba(12,36,64,0.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.social-card:hover { transform: translateY(-6px); box-shadow: 0 26px 48px rgba(12,36,64,0.12); }

.social-card__head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }

.platform-tag { font-weight:800; color:var(--theme-dark); }
.platform-pill { font-size:0.78rem; background:rgba(15,47,82,0.06); padding:6px 8px; border-radius:8px; font-weight:700; }

.social-stats { display:flex; gap:10px; color:var(--muted); font-size:0.9rem; margin:8px 0; }

.social-preview { display:flex; gap:8px; margin-top:12px; }
.social-preview .mini-shot { width:72px; height:72px; border-radius:10px; background-size:cover; background-position:center; box-shadow: 0 8px 20px rgba(10,30,50,0.08); border:1px solid rgba(15,45,75,0.04); }

.social-embed { width:100%; border-radius:12px; overflow:hidden; margin-top:12px; border:1px solid rgba(15,45,75,0.06); }
.social-embed iframe { width:100%; height:220px; border:0; display:block; }

@media (max-width:760px) {
  .social-preview .mini-shot { width:58px; height:58px; }
}