/* MeczRealu: newsy - wpis z tytulem, obrazkami po lewej/prawej i duzym
   inicjalem (HTML: includes/mr_news.php, edytor: js/mr-news-editor.js) */
.mr-news { display: flow-root; white-space: normal; overflow-wrap: anywhere; }
.mr-news-h {
  margin: 2px 0 10px;
  font-size: 1.4em;
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -.01em;
}
.mr-news-p { margin: 0 0 .8em; line-height: 1.45; }
.mr-news > :last-child { margin-bottom: 0; }
.mr-news-img {
  display: block;
  width: 46%;
  max-width: 300px;
  height: auto;
  max-height: 380px;
  object-fit: cover;
  border-radius: 12px;
  margin: 4px 0 10px;
  background: rgba(127, 127, 127, .12);
}
.mr-news-video {
  display: block; clear: both;
  width: 100%; max-height: 520px;
  margin: 4px 0 12px;
  border-radius: 12px;
  background: #000;
}
.mr-news-l { float: left; clear: left; margin-right: 14px; }
.mr-news-r { float: right; clear: right; margin-left: 14px; }
@media (max-width: 480px) {
  .mr-news-img { width: 42%; margin-bottom: 8px; }
  .mr-news-l { margin-right: 10px; }
  .mr-news-r { margin-left: 10px; }
}
.mr-news-dc {
  float: left;
  margin: .06em .09em 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3.4em;
  font-weight: 700;
  line-height: .82;
  color: #1d9bf0;
}

/* "Pokaz wiecej" (mr-feed-x.js): news przyciety wysokoscia, nie liniami */
.mr-rm.mr-rm-news:not(.mr-rm-open) {
  display: block !important;
  -webkit-line-clamp: unset;
  line-clamp: none;
  max-height: 560px !important;
}
/* wygaszenie tylko, gdy news faktycznie sie nie miesci (mr-feed-x.js: mr-rm-over) */
.mr-rm.mr-rm-news.mr-rm-over:not(.mr-rm-open) {
  -webkit-mask-image: linear-gradient(#000 82%, transparent);
  mask-image: linear-gradient(#000 82%, transparent);
}

/* ---------- edytor ---------- */
.mrn-overlay {
  /* nad oknem edycji wpisu (#modal ma ok. 2147483000) */
  position: fixed; inset: 0; z-index: 2147483600;
  visibility: visible !important;   /* rozwiniety publisher na telefonie ukrywa reszte body */
  display: flex; align-items: center; justify-content: center;
  padding: 10vh 12px;
  background: rgba(0, 0, 0, .72);   /* ciemne, przydymione tlo (bez rozmycia) */
}
/* szary panel, 80% wysokosci okna; przewija sie tylko srodek */
.mrn-box {
  display: flex; flex-direction: column;
  width: 100%; max-width: 680px;
  height: 80vh; height: 80dvh;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  /* jak menu "Udostepnij" (mr-feed-x.css: .mr-rp-card) */
  background: #1c1d1f; color: #e7e9ea;
  box-shadow: 0 0 18px rgba(255, 255, 255, .08), 0 8px 28px rgba(0, 0, 0, .55);
  overflow: hidden;
}
.mrn-box.is-drop { outline: 2px dashed #1d9bf0; outline-offset: -6px; }
.mrn-head {
  flex: 0 0 auto;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: #1c1d1f;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.mrn-head h3 { flex: 1 1 auto; margin: 0; font-size: 18px; font-weight: 800; }
.mrn-x { width: 34px; height: 34px; border: 0; border-radius: 50%; background: none; color: inherit; font-size: 22px; line-height: 1; cursor: pointer; }
.mrn-x:hover { background: rgba(239, 243, 244, .1); }
.mrn-tabs { display: flex; gap: 4px; }
.mrn-tab { border: 0; background: none; color: #71767b; font-weight: 700; padding: 6px 10px; border-radius: 999px; cursor: pointer; }
.mrn-tab.is-on { color: inherit; background: rgba(239, 243, 244, .1); }
.mrn-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 14px; }
.mrn-hint { margin-top: 10px; color: #8b9096; font-size: 13px; }
.mrn-title {
  width: 100%; margin: 0 0 10px; padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .08); border-radius: 10px;
  background: #151618; color: inherit;
  font-size: 20px; font-weight: 800;
}
.mrn-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.mrn-check { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 14px; }
.mrn-check input { width: 18px; height: 18px; accent-color: #1d9bf0; }
.mrn-blocks { display: flex; flex-direction: column; gap: 10px; }
.mrn-block { position: relative; border: 1px solid rgba(255, 255, 255, .08); border-radius: 12px; padding: 8px; background: #151618; }
.mrn-block-bar { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; color: #71767b; font-size: 13px; }
.mrn-block-bar .mrn-lbl { flex: 1 1 auto; min-width: 0; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mrn-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }
.mrn-colors { flex-wrap: wrap; margin-left: 4px; }
.mrn-ib {
  min-width: 30px; height: 30px; padding: 0 8px;
  border: 0; border-radius: 999px;
  background: rgba(239, 243, 244, .06); color: inherit;
  font-size: 14px; cursor: pointer;
}
.mrn-ib:hover { background: rgba(239, 243, 244, .14); }
.mrn-ib:disabled { opacity: .35; cursor: default; }
.mrn-ib.is-on { background: #1d9bf0; color: #fff; }
.mrn-text {
  display: block; width: 100%; min-height: 84px; resize: vertical;
  padding: 6px 4px; border: 0; background: transparent; color: inherit;
  font-size: 16px; line-height: 1.45; outline: none;
}
.mrn-img { display: flex; gap: 10px; align-items: center; }
.mrn-img img, .mrn-img video { width: 120px; height: 90px; object-fit: cover; border-radius: 8px; background: rgba(127, 127, 127, .15); }
.mrn-img video { width: 200px; height: 112px; background: #000; object-fit: contain; }
.mrn-img .mrn-empty {
  display: flex; align-items: center; justify-content: center;
  width: 120px; height: 90px; border: 1px dashed #536471; border-radius: 8px;
  color: #71767b; font-size: 13px; text-align: center;
}
.mrn-img-side { display: flex; flex-direction: column; gap: 6px; }
.mrn-add { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.mrn-btn {
  padding: 8px 14px; border: 1px solid #536471; border-radius: 999px;
  background: transparent; color: inherit; font-weight: 700; font-size: 14px; cursor: pointer;
}
.mrn-btn:hover { background: rgba(239, 243, 244, .1); }
.mrn-btn.is-main { border-color: #eff3f4; background: #eff3f4; color: #0f1419; }
.mrn-btn.is-main:hover { background: #d7dbdc; }
.mrn-btn:disabled { opacity: .5; cursor: default; }
.mrn-colors { display: inline-flex; gap: 4px; align-items: center; }
.mrn-sw { width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; cursor: pointer; }
.mrn-foot {
  flex: 0 0 auto;
  display: flex; align-items: center; justify-content: flex-end; gap: 8px;
  padding: 10px 14px; border-top: 1px solid rgba(255, 255, 255, .08);
  background: #1c1d1f;
}
.mrn-msg { flex: 1 1 auto; color: #f4212e; font-size: 13px; }
.mrn-preview { min-height: 120px; font-size: 15px; }
.mrn-busy { opacity: .6; pointer-events: none; }
@media (max-width: 600px) {
  .mrn-overlay { padding: 0; }
  .mrn-box { height: 100%; max-width: none; border-radius: 0; }
  .mrn-img img, .mrn-img .mrn-empty { width: 96px; height: 72px; }
  .mrn-img video { width: 150px; height: 84px; }
}

html[data-mr-theme="light"] .mrn-overlay { background: rgba(15, 20, 25, .55); }
html[data-mr-theme="light"] .mrn-box { background: #fff; color: #0f1419; border-color: rgba(15, 20, 25, .06); box-shadow: 0 0 15px rgba(101, 119, 134, .2), 0 0 3px 1px rgba(101, 119, 134, .15); }
html[data-mr-theme="light"] .mrn-head,
html[data-mr-theme="light"] .mrn-foot { background: #fff; border-color: #eff3f4; }
html[data-mr-theme="light"] .mrn-block,
html[data-mr-theme="light"] .mrn-title { background: #fff; }
html[data-mr-theme="light"] .mrn-hint { color: #536471; }
html[data-mr-theme="light"] .mrn-title,
html[data-mr-theme="light"] .mrn-block { border-color: #cfd9de; }
html[data-mr-theme="light"] .mrn-ib { background: rgba(15, 20, 25, .05); }
html[data-mr-theme="light"] .mrn-ib:hover,
html[data-mr-theme="light"] .mrn-x:hover,
html[data-mr-theme="light"] .mrn-tab.is-on,
html[data-mr-theme="light"] .mrn-btn:hover { background: rgba(15, 20, 25, .1); }
html[data-mr-theme="light"] .mrn-btn.is-main { border-color: #0f1419; background: #0f1419; color: #fff; }