/* ── Social media grid — shared by homepage teaser + media.php ── */

.social-section{padding:4rem 0}
.social-section .section-label{color:var(--green);font-weight:700;font-size:.8rem;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}
.social-section .section-title{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;
  font-size:2rem;color:var(--dark)}
.social-section .section-sub{color:var(--muted);max-width:560px}

.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:1.5rem;margin-top:2rem}

.social-card{background:#fff;border:1px solid var(--border);border-radius:14px;
  overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}

.social-card-ig{padding:0}
.social-ig-frame{width:100%;height:600px;overflow:hidden}
.social-ig-frame iframe{width:100%;height:100%;border:0}
.social-fallback{text-align:center;padding:.5rem;font-size:.75rem;border-top:1px solid var(--border)}
.social-fallback a{color:var(--muted);text-decoration:none}
.social-fallback a:hover{color:var(--green)}

.social-yt-frame{position:relative;width:100%;padding-top:56.25%;background:#000}
.social-yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.social-caption{padding:.75rem 1rem;font-size:.85rem;color:var(--dark)}

.social-platform-tabs{display:flex;gap:.5rem;margin-top:1.25rem}
.social-platform-tabs .tab-btn{border:1.5px solid var(--border);background:#fff;color:var(--muted);
  border-radius:20px;padding:.4rem 1.1rem;font-size:.82rem;font-weight:600;cursor:pointer;
  transition:all .15s}
.social-platform-tabs .tab-btn.active,
.social-platform-tabs .tab-btn:hover{border-color:var(--green);color:var(--green);background:#f0fdf4}

.social-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}

@media (max-width:576px){
  .social-section{padding:2.5rem 0}
  .social-grid{grid-template-columns:1fr;gap:1.25rem}
}