/* ==========================================================================
   MeczRealu - karta wydarzenia z ramowki we wpisie (templates/_mr_post_event.tpl)
   Ciemny motyw domyslnie, jasny: html[data-mr-theme="light"].
   ========================================================================== */
.mr-pev{--pev-fg:#e7e9ea;--pev-dim:#71767b;--pev-line:#2f3336;--pev-bg:#0a0a0a;--pev-hover:#101214;--pev-art:#14202f}
html[data-mr-theme="light"] .mr-pev{--pev-fg:#0f1419;--pev-dim:#536471;--pev-line:#cfd9de;--pev-bg:#fff;--pev-hover:#f7f9f9;--pev-art:#e8f0fb}
.mr-pev{display:flex;align-items:center;gap:12px;margin:10px 0 2px;padding:12px;border:1px solid var(--pev-line);border-radius:16px;background:var(--pev-bg);color:var(--pev-fg) !important;text-decoration:none !important;cursor:pointer;transition:background-color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
.mr-pev:hover{background:var(--pev-hover);border-color:#536471}
.mr-pev:focus-visible{outline:2px solid #0053cb;outline-offset:2px}
.mr-pev-art{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:6px;min-width:64px;height:64px;padding:0 8px;border-radius:12px;background:radial-gradient(120% 90% at 50% 0%,var(--pev-art) 0%,var(--pev-bg) 80%)}
.mr-pev-team{display:flex;align-items:center;justify-content:center;width:34px;height:34px}
.mr-pev-team img{max-width:34px;max-height:34px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.mr-pev-vs{color:var(--pev-dim);font-weight:700}
.mr-pev-sport{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#1d2023;color:#fff;font-size:20px}
.mr-pev-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.mr-pev-top{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--pev-dim);white-space:nowrap;overflow:hidden}
.mr-pev-cat{overflow:hidden;text-overflow:ellipsis}
.mr-pev-live{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;height:20px;padding:0 8px;border-radius:9999px;background:#f4212e;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2px}
.mr-pev-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:mrPevPulse 1.4s ease-in-out infinite}
@keyframes mrPevPulse{50%{opacity:.35}}
.mr-pev-ended{flex:0 0 auto;height:20px;padding:0 8px;border-radius:9999px;background:rgba(113,118,123,.18);color:var(--pev-dim);font-size:11px;font-weight:700;line-height:20px}
.mr-pev-when{flex:0 0 auto;color:var(--pev-fg);font-weight:700}
.mr-pev-title{font-size:15px;line-height:20px;font-weight:800;color:var(--pev-fg);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mr-pev-ch{font-size:13px;color:var(--pev-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-pev-btn{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:9999px;background:#0053cb;color:#fff;font-size:14px;font-weight:700}
.mr-pev:hover .mr-pev-btn{background:#0047ad}
/* stan karty: mr-pev-st-upcoming|live|ended (osobno od plakietek .mr-pev-live/.mr-pev-ended) */
.mr-pev-st-ended .mr-pev-btn{background:transparent;border:1px solid #536471;color:var(--pev-fg)}
.mr-pev-locked .mr-pev-sport{background:rgba(0,83,203,.18);color:#4c8dff}
.mr-share-context-preview .mr-pev{cursor:default}
@media (max-width:575.98px){
  .mr-pev{gap:10px;padding:10px}
  .mr-pev-art{min-width:56px;height:56px;padding:0 6px}
  .mr-pev-team{width:28px;height:28px}
  .mr-pev-team img{max-width:28px;max-height:28px}
  .mr-pev-btn{height:32px;padding:0 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.mr-pev-live i{animation:none}}

/* publisher z wydarzeniem otwierany z okna "Ogladaj": okna MRWin sa na ten
   czas obnizane w mr-post-event.js (z-index 1000), wiec modal jest na wierzchu */

/* publisher z wydarzeniem wyglada jak okno odpowiedzi na PC (mr-publisher-full.css):
   600 px, tlo #141414, bez ostrzezenia i pigulek, ikony #7f878e, jasny przycisk */
body.mr-pev-sharing #modal .mr-ftn,
body.mr-pev-sharing #modal .mr-pub-line,
body.mr-pev-sharing #modal .mr-comm-pill-row{display:none !important}
body.mr-pev-sharing #modal .mr-share-context-preview{margin:4px 16px 12px 0 !important}
@media (min-width:768px){
  html body.mr-pev-sharing #modal .modal-dialog{width:min(600px,calc(100vw - 48px)) !important;max-width:600px !important;margin:5vh auto !important}
  html body.mr-pev-sharing #modal .modal-content{max-width:600px !important;border:0 !important;border-radius:16px !important;background:#141414 !important;box-shadow:none !important}
  html body.mr-pev-sharing #modal .modal-body,
  html body.mr-pev-sharing #modal .mr-share-desktop-header,
  html body.mr-pev-sharing #modal #publisher-wapper-modal,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-box,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-body,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .mr-publisher-toolbar-shell,
  html body.mr-pev-sharing #modal #publisher-wapper-modal textarea{background:#141414 !important;background-color:#141414 !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer{border-top:1px solid #2f3336 !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer .publisher-tools-tab,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer .publisher-tools-tab svg,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer .x_pub_btn,
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer .x_pub_btn svg{color:#7f878e !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer .publisher-tools-tab:hover{background:rgba(127,135,142,.12) !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .mr-publisher-toolbar-arrow{background:#26292c !important;color:#aab3ba !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer-buttons .btn.js_publisher-btn{height:36px !important;min-height:36px !important;padding:0 16px !important;border:0 !important;border-radius:9999px !important;background:#eff3f4 !important;background-color:#eff3f4 !important;color:#0f1419 !important;font-size:15px !important;font-weight:700 !important;line-height:36px !important;box-shadow:none !important}
  html body.mr-pev-sharing #modal #publisher-wapper-modal .publisher-footer-buttons .btn.js_publisher-btn:hover{background:#d7dbdc !important;background-color:#d7dbdc !important}
  html body.mr-pev-sharing #modal .mr-pev{background:#141414}
}

/* karta w podgladach publishera (cytowany wpis, wpis, na ktory odpowiadamy):
   mniejsza, bez przycisku - to tylko podglad */
.mr-share-context-preview .mr-pev,.mr-native-context .mr-pev{margin:8px 0 2px;padding:8px;gap:10px;cursor:default}
.mr-share-context-card .mr-pev .mr-pev-art,.mr-native-context .mr-pev .mr-pev-art{min-width:48px;height:48px;padding:0 6px}
.mr-share-context-card .mr-pev .mr-pev-team,.mr-native-context .mr-pev .mr-pev-team{width:24px;height:24px}
.mr-share-context-card .mr-pev .mr-pev-team img,.mr-native-context .mr-pev .mr-pev-team img{max-width:24px;max-height:24px}
.mr-share-context-card .mr-pev .mr-pev-sport,.mr-native-context .mr-pev .mr-pev-sport{width:36px;height:36px;font-size:16px}
.mr-share-context-card .mr-pev .mr-pev-title,.mr-native-context .mr-pev .mr-pev-title{font-size:14px;line-height:18px}
.mr-share-context-card .mr-pev .mr-pev-btn,.mr-native-context .mr-pev .mr-pev-btn{display:none}
.mr-share-context-preview .mr-pev:hover,.mr-native-context .mr-pev:hover{background:transparent;border-color:var(--pev-line)}

/* ==========================================================================
   Karty we wpisach - jednolite tlo (bez przejsc kolorow), cienka ramka
   ========================================================================== */
.mr-pev{--pev-bg:#101010;--pev-hover:#141414;--pev-soft:#1c1c1c}
html[data-mr-theme="light"] .mr-pev{--pev-bg:#f7f9f9;--pev-hover:#eff3f4;--pev-soft:#e7ecf0}
.mr-pev,.mr-pev:hover{background-image:none !important}
.mr-pev-art{background:var(--pev-soft) !important}

/* film z Filmowni: plakat 2:3, etykieta, tytul, opis */
.mr-pev-film { align-items: stretch; }
.mr-pev-film .mr-pev-poster { position: relative; flex: 0 0 auto; width: 72px; height: 108px; border-radius: 8px; overflow: hidden; background: var(--pev-soft); display: flex; align-items: center; justify-content: center; color: var(--pev-dim); font-size: 20px; }
.mr-pev-film .mr-pev-poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mr-pev-film .mr-pev-body { justify-content: center; }
.mr-pev-film .mr-pev-top { gap: 6px; }
.mr-pev-film .mr-pev-kind { flex: 0 0 auto; padding: 1px 6px; border-radius: 4px; background: rgba(139,92,246,.18); color: #a78bfa; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; line-height: 16px; }
html[data-mr-theme="light"] .mr-pev-film .mr-pev-kind { background: rgba(124,58,237,.1); color: #6d28d9; }
.mr-pev-film .mr-pev-title { font-size: 17px; line-height: 22px; letter-spacing: -.01em; -webkit-line-clamp: 2; }
.mr-pev-fmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 13px; color: var(--pev-dim); }
.mr-pev-fmeta i { font-size: 11px; margin-right: 1px; }
.mr-pev-age { padding: 0 5px; border: 1px solid currentColor; border-radius: 4px; font-size: 11px; font-weight: 700; line-height: 16px; }
.mr-pev-film .mr-pev-desc { margin-top: 2px; font-size: 13px; line-height: 1.35; color: var(--pev-dim); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mr-pev-film .mr-pev-btn { align-self: center; gap: 6px; }
.mr-pev-film .mr-pev-btn i { font-size: 11px; }
.mr-share-context-preview .mr-pev-film .mr-pev-poster, .mr-native-context .mr-pev-film .mr-pev-poster { width: 44px; height: 66px; }

/* profil typera: naglowek (zdjecie z ramka, imie, miejsce), liczby, forma */
.mr-pev-typer { display: block; padding: 14px 16px; }
.mr-tpc-head { display: flex; align-items: center; gap: 12px; }
.mr-tpc-av { position: relative; flex: 0 0 auto; width: 52px; height: 52px; }
.mr-tpc-photo { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; display: block; }
.mr-tpc-frame { position: absolute; inset: -9px; width: 70px; height: 70px; object-fit: contain; pointer-events: none; }
.mr-tpc-id { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.mr-tpc-id b { font-size: 16px; font-weight: 800; color: var(--pev-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-tpc-id small { font-size: 13px; color: var(--pev-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mr-tpc-id small i { margin-right: 2px; font-size: 11px; }
.mr-tpc-rank { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.1; }
.mr-tpc-rank b { font-size: 22px; font-weight: 800; color: var(--pev-fg); }
.mr-tpc-rank small { font-size: 12px; color: var(--pev-dim); }
.mr-tpc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; border-top: 1px solid var(--pev-line); padding-top: 12px; }
.mr-tpc-stats span { display: flex; flex-direction: column; align-items: center; min-width: 0; border-left: 1px solid var(--pev-line); }
.mr-tpc-stats span:first-child { border-left: 0; }
.mr-tpc-stats b { font-size: 17px; font-weight: 800; color: var(--pev-fg); line-height: 1.2; white-space: nowrap; }
.mr-tpc-stats small { font-size: 12px; color: var(--pev-dim); white-space: nowrap; }
.mr-tpc-form { display: flex; align-items: center; gap: 5px; margin-top: 12px; }
.mr-tpc-form small { margin-right: auto; font-size: 13px; color: var(--pev-dim); }
.mr-tpc-dot { min-width: 26px; height: 24px; padding: 0 6px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; background: var(--pev-soft); color: var(--pev-fg); }
.mr-tpc-dot.is-neg { color: #f4212e; }
.mr-tpc-dot.is-zero { color: var(--pev-dim); }
.mr-tpc-dot.is-low, .mr-tpc-dot.is-mid { color: #00ba7c; }
.mr-tpc-dot.is-top { background: #00ba7c; color: #fff; }
.mr-tpc-empty { margin-top: 10px; font-size: 14px; color: var(--pev-dim); }
.mr-share-context-preview .mr-pev-typer, .mr-native-context .mr-pev-typer { padding: 10px 12px; }
@media (max-width: 480px) {
  .mr-tpc-stats b { font-size: 15px; }
  .mr-tpc-stats small { font-size: 11px; }
}

/* typ z typera: tablica wyniku (druzyny i typ), pozostale typy, wynik i punkty */
.mr-pev-tbet { display: block; padding: 12px 16px 14px; }
.mr-tbc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--pev-dim); }
.mr-tbc-top span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mr-tbc-top i { margin-right: 3px; }
.mr-tbc-board { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 12px; }
.mr-tbc-team { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; }
.mr-tbc-team img, .mr-tbc-team i { width: 40px; height: 40px; object-fit: contain; font-size: 30px; line-height: 40px; color: var(--pev-dim); }
.mr-tbc-team b { max-width: 100%; font-size: 14px; font-weight: 700; color: var(--pev-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-tbc-score { display: flex; flex-direction: column; align-items: center; min-width: 84px; padding: 6px 12px; border-radius: 10px; background: var(--pev-soft); }
.mr-tbc-score b { font-size: 24px; font-weight: 800; letter-spacing: .02em; color: var(--pev-fg); line-height: 1.15; }
.mr-tbc-score small { font-size: 11px; color: var(--pev-dim); text-transform: uppercase; letter-spacing: .05em; }
.mr-tbc-picks { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 12px; margin-top: 12px; font-size: 13px; color: var(--pev-dim); }
.mr-tbc-picks b { color: var(--pev-fg); font-weight: 700; }
.mr-tbc-picks .is-banker { color: #f5b301; }
.mr-tbc-picks:empty { display: none; }
.mr-tbc-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--pev-line); font-size: 13px; color: var(--pev-dim); }
.mr-tbc-foot b { color: var(--pev-fg); }
.mr-tbc-pts { font-weight: 800; font-size: 14px; color: var(--pev-fg); }
.mr-tbc-pts.is-plus { color: #00ba7c; }
.mr-tbc-pts.is-minus { color: #f4212e; }

/* mecz z ramowki: duze herby po bokach, godzina na srodku, kanal i Ogladaj na dole */
.mr-pev-match { display: block; padding: 12px 16px 14px; }
.mr-pmc-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; font-size: 13px; color: var(--pev-dim); }
.mr-pmc-cat { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.mr-pmc-cat i { margin-right: 3px; }
.mr-pmc-board { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; margin-top: 10px; }
.mr-pmc-team { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
.mr-pmc-team img, .mr-pmc-team i { width: 56px; height: 56px; object-fit: contain; font-size: 40px; line-height: 56px; color: var(--pev-dim); filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); }
.mr-pmc-team b { max-width: 100%; font-size: 15px; font-weight: 800; color: var(--pev-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-pmc-mid { display: flex; flex-direction: column; align-items: center; min-width: 84px; }
.mr-pmc-mid small { font-size: 12px; color: var(--pev-dim); text-transform: capitalize; }
.mr-pmc-mid b { font-size: 26px; font-weight: 800; color: var(--pev-fg); line-height: 1.1; letter-spacing: .01em; }
.mr-pmc-live { color: #f4212e !important; font-size: 18px !important; letter-spacing: .08em !important; }
.mr-pmc-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--pev-line); }
.mr-pmc-ch { min-width: 0; font-size: 13px; color: var(--pev-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mr-pev-match .mr-pev-btn { gap: 6px; }
.mr-pev-match .mr-pev-btn i { font-size: 11px; }
.mr-pev-match.mr-pev-st-ended .mr-pmc-mid b { color: var(--pev-dim); }
.mr-share-context-preview .mr-pev-match .mr-pmc-team img, .mr-native-context .mr-pev-match .mr-pmc-team img { width: 36px; height: 36px; }
.mr-share-context-preview .mr-pev-match .mr-pev-btn, .mr-native-context .mr-pev-match .mr-pev-btn { display: inline-flex; }
@media (max-width: 480px) { .mr-pmc-team img, .mr-pmc-team i { width: 46px; height: 46px; line-height: 46px; } .mr-pmc-mid b { font-size: 22px; } }