/* ════════════════════════════════════════════════════════════════════════
   feed.css — model-only photo feed (PeeksLive). Bouwt voort op style.css.
   ════════════════════════════════════════════════════════════════════════ */

.feed-wrap{ max-width:600px; margin:0 auto; padding:20px 14px 80px; }
.feed-title{ font-size:20px; margin:6px 0 16px; }

.feed-composer{ background:#16181d; border:1px solid #2a2d33; border-radius:16px; padding:14px; margin-bottom:22px; }
.fc-row{ display:flex; align-items:center; gap:10px; }
.fc-pick{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; background:#20242b;
  border:1px dashed #3a3f48; color:#cdd3dc; padding:10px 14px; border-radius:12px; font-size:14px; font-weight:600; }
.fc-pick:hover{ border-color:var(--primary,#2bd47a); color:#fff; }
.fc-plus{ font-size:18px; line-height:1; }
.fc-preview{ width:100%; max-height:360px; object-fit:cover; border-radius:12px; margin-top:12px; }
.fc-caption{ width:100%; margin-top:12px; background:#20242b; border:1px solid #2a2d33; color:#e7ebf0;
  border-radius:12px; padding:10px 12px; font:inherit; resize:vertical; min-height:52px; }
.fc-actions{ display:flex; align-items:center; gap:12px; margin-top:12px; }

.feed-list{ display:flex; flex-direction:column; gap:22px; }
.fp{ background:#16181d; border:1px solid #23262c; border-radius:16px; overflow:hidden; }
.fp-head{ display:flex; align-items:center; gap:10px; padding:12px 14px; }
.fp-user{ display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; min-width:0; }
.fp-av{ width:38px; height:38px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.fp-av-ph{ display:flex; align-items:center; justify-content:center; font-weight:700;
  background:linear-gradient(135deg,#6e3a9e,#c2185b); color:#fff; }
.fp-name{ font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fp-time{ margin-left:auto; color:var(--muted,#8b93a1); font-size:12px; }
.fp-del{ background:none; border:none; color:#8b93a1; cursor:pointer; font-size:15px; padding:4px 6px; margin-left:8px; }
.fp-del:hover{ color:#e0414d; }

.fp-media{ background:#0b0c0f; }
.fp-media img{ display:block; width:100%; max-height:640px; object-fit:cover; }

.fp-actions{ display:flex; align-items:center; gap:6px; padding:10px 12px 2px; }
.fp-btn{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; background:none; border:none;
  color:#cdd3dc; font:inherit; font-weight:600; padding:8px 10px; border-radius:10px; text-decoration:none; }
.fp-btn:hover{ background:#20242b; }
.fp-btn svg{ width:22px; height:22px; }
.fp-like svg{ fill:none; stroke:#cdd3dc; stroke-width:2; }
.fp-like.on svg{ fill:#e0414d; stroke:#e0414d; }
.fp-like.on{ color:#e0414d; }
.fp-call{ margin-left:auto; color:var(--primary,#2bd47a); }
.fp-count{ font-size:14px; min-width:12px; }

.fp-cap{ padding:6px 14px 14px; color:#e7ebf0; font-size:14px; line-height:1.4; }
.fp-cap b{ margin-right:6px; }

.feed-empty{ text-align:center; color:var(--muted,#8b93a1); padding:60px 20px; }
.feed-end{ text-align:center; color:var(--muted,#8b93a1); padding:24px 0; font-size:13px; }
.feed-skel{ height:420px; border-radius:16px; background:linear-gradient(90deg,#16181d,#1d2027,#16181d);
  background-size:200% 100%; animation:fp-shimmer 1.3s infinite; }
@keyframes fp-shimmer{ 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* Klein link-icoon op de host-kaart (home grid) */
.ov-link{ display:inline-flex; align-items:center; margin-left:6px; opacity:.9; }
.ov-link svg{ width:14px; height:14px; }