/*
 * feed-card.css — JEDYNE style karty wpisu feedu (renderer: feed_render.php).
 * Używane na: /feed (Pulse), profilu serwera (Aktualności), /post?server=… (tablica),
 * pojedynczym wpisie, tablicy użytkownika. Zmieniasz tu → zmienia się wszędzie.
 * Zmienne kolorów (--panel, --line2, --rust…) pochodzą z :root strony.
 */

/* ── Karta ── */
.fitem{display:flex;gap:13px;padding:13px 14px;margin:0 0 10px;border:1px solid var(--line2);border-radius:12px;
  background:linear-gradient(180deg,var(--panel),var(--bg2,#1d1916));transition:border-color .15s;text-align:left}
.fitem:last-child{margin-bottom:0}
.fitem:hover{border-color:var(--line)}
.fitem.isprem{border-color:#5a3a26;background:linear-gradient(90deg,rgba(232,162,61,.06),var(--bg2,#1d1916))}
.fitem.pinned{border-color:#5a4a2c;background:linear-gradient(180deg,rgba(232,162,61,.05),var(--bg2,#1d1916))}
.fitem .ficon{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:19px;
  border-radius:10px;background:rgba(0,0,0,.22);border:1px solid var(--line2)}
.fitem.isprem .ficon{border-color:#6b4a2c;background:rgba(232,162,61,.10)}
.fitem .fmain{min-width:0;flex:1 1 auto}

/* ── Nagłówek: serwer / czas · autor | etykiety + moderacja ── */
.fp-h{display:flex;align-items:flex-start;gap:10px}
.fp-h-l{min-width:0;flex:1 1 auto}
.fp-srv{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--rust2);font-weight:700;font-size:14px;line-height:1.25;letter-spacing:.2px;text-decoration:none}
a.fp-srv:hover .fp-srvn{color:var(--ember)}
.fp-srv .fp-srvn{color:inherit}
.fp-srv .fdot{display:inline-block;vertical-align:middle;margin-right:6px;width:7px;height:7px;border-radius:50%;background:var(--text3)}
.fp-srv .fdot.on{background:#7fae5f;box-shadow:0 0 5px rgba(127,174,95,.7)}
.fp-sub{display:flex;align-items:center;gap:6px;margin-top:3px;color:var(--text3);font-size:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-time{color:var(--text3)}
.fp-mid{color:var(--text3);opacity:.7}
.fp-au{display:inline-flex;align-items:center;gap:5px;color:var(--text2);min-width:0;text-decoration:none}
.fp-au:hover{color:var(--text)}
.fp-aav{width:16px;height:16px;border-radius:50%;object-fit:cover;border:1px solid var(--line2);flex:0 0 auto}
.fp-aun{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.fp-src{display:inline-flex;align-items:center;gap:5px;color:var(--text3);min-width:0}
.fp-srcico{width:13px;height:13px;flex:0 0 auto;opacity:.85}

.fp-tr{display:flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto}
.fp-why{flex:0 0 auto;color:var(--text3);font-size:10px;letter-spacing:.4px;text-transform:uppercase;
  border:1px solid var(--line2);border-radius:20px;padding:3px 10px;white-space:nowrap;text-decoration:none;line-height:1.6}
a.fp-why:hover{border-color:var(--ember);color:var(--ember)}
.fp-why.prem{color:var(--ember);border-color:#5a3a26}
.fp-pinbadge{display:inline-block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--ember);border:1px solid #5a4a2c;border-radius:20px;padding:2px 8px;line-height:1.6;white-space:nowrap}
.fp-mod{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:4px 5px;border-radius:5px;line-height:1;opacity:.6;font-family:inherit}
.fp-mod:hover{opacity:1;color:var(--ember)}
.fp-pin.on{opacity:1;color:var(--ember)}
.fp-del{opacity:.8}
.fp-del:hover{color:#e46;background:rgba(230,68,68,.08)}

/* ── Treść ── */
.fp-text{margin-top:9px;color:var(--text);font-size:14px;line-height:1.5;word-break:break-word}
.fevent-text{color:var(--text2)}
.fp-img{max-width:min(100%,480px);max-height:300px;width:auto;height:auto;border-radius:8px;border:1px solid var(--line2);margin:8px 0;display:block}
.fp-a{color:var(--rust2);text-decoration:none;word-break:break-word}
.fp-a:hover{text-decoration:underline}
.fp-ul{margin:6px 0;padding-left:20px}
.fp-ul li{margin:2px 0}
.fp-al{margin:2px 0}
.fp-al-l{text-align:left}.fp-al-c{text-align:center}.fp-al-r{text-align:right}
.fp-al-c .fp-img,.fp-al-c .fp-yt{margin-left:auto;margin-right:auto}
.fp-al-r .fp-img,.fp-al-r .fp-yt{margin-left:auto;margin-right:0}
.fp-al-l .fp-img,.fp-al-l .fp-yt{margin-left:0;margin-right:auto}
.fp-yt{position:relative;width:100%;max-width:480px;aspect-ratio:16/9;margin:8px 0;border-radius:8px;overflow:hidden;border:1px solid var(--line2);background:#000}
.fp-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fp-media{margin:2px 0}
.fp-media .fp-img{margin-top:0}
.fp-text.clamped{max-height:450px;overflow:hidden;position:relative}
.fp-text.clamped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(rgba(29,25,22,0),var(--bg2,#1d1916));pointer-events:none}
.fp-more{color:var(--ember,#e08a3c);font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.3px}
.fp-more:not([hidden]){display:block;margin-top:7px}
.fp-more:hover{text-decoration:underline}
/* pojedynczy wpis: pełna treść, bez zwijania */
.pulse-single .fp-text.clamped{max-height:none;overflow:visible}
.pulse-single .fp-text.clamped::after{display:none}
.pulse-single .fp-more{display:none!important}

/* ── Głosowanie na mapę (vote_map) ── */
.fvm-body{font-size:12.5px;color:var(--text2);line-height:1.5;margin:2px 0 10px}
.fvm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.fvm-head .fvm-h-t{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:.4px;color:var(--text)}
.fvm-head .fvm-h-c{font-size:11.5px;color:var(--text3)}
.fvm-grid{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:10px}
@media(max-width:560px){.fvm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.fvm-grid{grid-template-columns:1fr}}
.fvm-tile{border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--bg2,#1d1916);padding:8px}
.fvm-tile.win{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust) inset}
.fvm-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;background:#0c1116}
.fvm-img-ph{display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text3)}
.fvm-meta{font-size:11.5px;color:var(--text2);margin:7px 2px 6px;letter-spacing:.2px}
.fvm-meta b{color:var(--text);font-weight:600}
.fvm-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.fvm-bar>span{display:block;height:100%;background:var(--rust);border-radius:99px;transition:width .4s ease}
.fvm-vt{font-size:11px;color:var(--text3);margin:5px 2px 0;text-align:center}
.fvm-win{margin-top:6px;text-align:center;font-family:'Oswald',sans-serif;font-size:10.5px;letter-spacing:1px;color:var(--rust)}
.fvm-hero{position:relative;border:1px solid var(--rust);border-radius:12px;overflow:hidden;background:var(--bg2,#1d1916);max-width:230px;margin:0 auto}
.fvm-hero-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#0c1116}
.fvm-hero-badge{position:absolute;top:10px;left:10px;z-index:1;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:1px;color:#fff;background:var(--rust);border-radius:20px;padding:4px 11px}
.fvm-hero-meta{padding:9px 12px;font-size:12.5px;color:var(--text2)}
.fvm-hero-meta b{color:var(--text);font-weight:600}
.fvm-go{margin-top:8px;width:100%;display:block;background:var(--rust);color:#fff;border:none;border-radius:8px;padding:8px 0;font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:1px;cursor:pointer;transition:.12s}
.fvm-go:hover{background:var(--rust2)}
.fvm-go:disabled{opacity:.6;cursor:default}
.fvm-go.picked{background:#3f5a34;color:#dff0d4}
.fvm-hint{text-align:center;color:var(--text3);font-size:11px;margin-top:9px}

/* ── Stopka: głosy + komentarze + udostępnij ── */
.fp-foot{display:flex;align-items:center;gap:8px;margin-top:11px}
.fpv,.fpc{display:inline-flex;align-items:center;gap:6px;background:var(--panel2,#221c18);border:1px solid var(--line2);color:var(--text2);border-radius:20px;padding:4px 11px;font-size:12px;cursor:pointer;font-family:inherit;transition:.12s}
.fpv:hover,.fpc:hover{border-color:var(--line);color:var(--text)}
.fpv.up.on{color:#7fae5f;border-color:#3f5a34}
.fpv.down.on{color:#e46;border-color:#5a3434}
.fps{display:inline-flex;align-items:center;justify-content:center;background:var(--panel2,#221c18);border:1px solid var(--line2);color:var(--text2);border-radius:20px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:.12s}
.fps:hover{border-color:var(--rust,#a6532a);color:var(--rust,#c9743f)}
.fps svg{width:14px;height:14px;display:block}
.fp-cwrap{margin-top:10px;border-top:1px solid var(--line2);padding-top:10px}

/* ── Popup „Udostępnij post" ── */
.pshr-pop{display:none;position:fixed;z-index:9999;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 8px;min-width:190px;box-shadow:0 8px 28px rgba(0,0,0,.75)}
.pshr-pop.open{display:block}
.pshr-pop .sp-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text3);padding:0 4px 7px;border-bottom:1px solid var(--line2);margin-bottom:7px}
.pshr-pop .sp-grid{display:flex;flex-wrap:wrap;gap:4px}
.pshr-pop .slink{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;border:1px solid var(--line2);background:var(--panel2);color:var(--text2);font-family:'JetBrains Mono',monospace;font-size:10px;text-decoration:none;transition:border-color .12s,color .12s;white-space:nowrap;cursor:pointer}
.pshr-pop .slink:hover{border-color:var(--rust,#a6532a);color:var(--rust,#c9743f)}
.pshr-pop .slink svg{width:13px;height:13px;flex-shrink:0}