/* Forum editörü (forum-editor.js) ve gönderi içerik biçimleri: sitede ve yönetimde ortak */
/* ---------- Zengin editör (forum-editor.js) ---------- */
.fre { position: relative; border: 1px solid #d5d9d7; border-radius: 12px; background: var(--white); transition: border-color .2s, box-shadow .2s; }
.fre:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(168,137,79,.15); }
.fre__bar { display: flex; align-items: center; gap: 6px; padding: 6px; border-bottom: 1px solid var(--line); background: var(--bg-soft); border-radius: 12px 12px 0 0; position: sticky; top: 76px; z-index: 5; }
.fre__tools { display: flex; align-items: center; gap: 2px; flex: 1; min-width: 0; flex-wrap: wrap; }
.fre__b { width: 34px; height: 34px; flex-shrink: 0; display: inline-grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--ink); cursor: pointer; font: inherit; font-size: 15px; line-height: 1; padding: 0; transition: background .15s, color .15s; }
.fre__b:hover { background: var(--white); color: var(--gold-dark); box-shadow: 0 1px 2px rgba(0,0,0,.06); }
.fre__b.is-on { background: var(--green-900); color: var(--gold-light); }
.fre__b svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.fre__b b, .fre__b i, .fre__b u, .fre__b s { font-family: Georgia, 'Times New Roman', serif; font-size: 17px; }
.fre__b small { font-size: 9px; margin-left: 1px; }
.fre__b[data-k="heading"] { width: 40px; display: inline-flex; justify-content: center; align-items: center; }
.fre__cbar { stroke: #c0392b; }
.fre__sep { width: 1px; height: 22px; background: var(--line); margin: 0 4px; flex-shrink: 0; }
.fre__tabs { display: flex; align-items: center; gap: 2px; flex-shrink: 0; align-self: flex-start; }
.fre__tabs [data-sekme] { height: 34px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; font: inherit; font-size: 13.5px; font-weight: 700; color: var(--muted); cursor: pointer; }
.fre__tabs [data-sekme].is-on { background: var(--white); color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.fre .fre__ta, .fr-form .fre .fre__ta, .fr-edit .fre .fre__ta { display: block; width: 100%; min-height: 0; border: 0 !important; box-shadow: none !important; outline: 0; border-radius: 0; padding: 14px 16px; font: inherit; font-size: 15px; line-height: 1.65; color: var(--ink); background: transparent; resize: none; overflow-y: auto; }
.fre__pre { padding: 14px 16px; margin: 0; min-height: 160px; }
.fre__bos { color: var(--muted); font-style: italic; }
.fre__foot { display: flex; justify-content: space-between; gap: 10px; padding: 7px 12px; border-top: 1px dashed var(--line); font-size: 12px; color: var(--muted); }
.fre__foot svg { width: 14px; height: 14px; vertical-align: -3px; fill: none; stroke: currentColor; stroke-width: 2; }
.fre__ipucu { flex-shrink: 0; }
.fre.is-surukle { border-color: var(--gold); border-style: dashed; background: #fbf8f1; }
.fre.is-surukle::after { content: "Görseli buraya bırakın"; position: absolute; inset: 48px 0 0; display: grid; place-items: center; font-weight: 800; color: var(--gold-dark); background: rgba(251,248,241,.88); border-radius: 0 0 12px 12px; pointer-events: none; }
.fre__spin { display: inline-block; width: 12px; height: 12px; border: 2px solid var(--line); border-top-color: var(--gold); border-radius: 50%; animation: fre-don .8s linear infinite; vertical-align: -2px; }
@keyframes fre-don { to { transform: rotate(360deg); } }
.fre__pop { position: absolute; z-index: 30; background: var(--white); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(10,30,22,.16); padding: 8px; }
.fre__menu { display: grid; min-width: 180px; }
.fre__menu button { text-align: left; border: 0; background: none; padding: 6px 10px; border-radius: 8px; cursor: pointer; color: var(--ink); font: inherit; }
.fre__menu button:hover { background: var(--bg-soft); }
.fre__menu h3, .fre__menu h4, .fre__menu p { margin: 0; }
.fre__menu h3 { font-size: 18px; font-weight: 800; }
.fre__menu h4 { font-size: 15.5px; font-weight: 800; }
.fre__menu p { font-size: 14px; }
.fre__renk { display: flex; gap: 6px; }
.fre__renk button { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--white); box-shadow: 0 0 0 1px var(--line); cursor: pointer; }
.fre__renk button:hover { transform: scale(1.12); }
.fre__emoji { width: min(330px, 80vw); max-height: 260px; overflow-y: auto; }
.fre__emoji b { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin: 6px 4px 2px; }
.fre__emoji div { display: grid; grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)); }
.fre__emoji button { border: 0; background: none; font-size: 21px; height: 36px; border-radius: 8px; cursor: pointer; }
.fre__emoji button:hover { background: var(--bg-soft); }
.fre__mention { position: absolute; z-index: 31; list-style: none; margin: 0; padding: 6px; width: 240px; background: var(--white); border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 32px rgba(10,30,22,.16); }
.fre__mention li { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--ink); }
.fre__mention li.is-on { background: var(--bg-soft); }
.fre__mention li em { margin-left: auto; font-style: normal; font-size: 10.5px; font-weight: 800; color: var(--gold-dark); }
.fre__mav { width: 24px; height: 24px; border-radius: 50%; display: inline-grid; place-items: center; color: var(--white); font-size: 11px; font-weight: 800; flex-shrink: 0; }
.fre__mbos { color: var(--muted); cursor: default !important; font-size: 13px !important; }
.fre--tam { position: fixed; inset: 0; z-index: 1000; border-radius: 0; display: flex; flex-direction: column; border: 0; }
.fre--tam .fre__bar { border-radius: 0; position: static; padding: 8px max(8px, calc((100vw - 980px) / 2)); }
.fre--tam .fre__alan, .fre--tam .fre__pre { flex: 1; overflow: auto; width: 100%; max-width: 980px; margin: 0 auto; }
.fre--tam .fre__ta { height: 100% !important; font-size: 16px; }
.fre--tam .fre__foot { padding-left: max(12px, calc((100vw - 980px) / 2)); padding-right: max(12px, calc((100vw - 980px) / 2)); }
html.fre-kilit { overflow: hidden; }
.vmodal .fre__bar, .adm-form .fre__bar { top: 0; }
.fre--kompakt .fre__b { width: 32px; height: 32px; }
.fr-edit .fre { margin-bottom: 0; }

/* Gönderi içeriği: editör biçimleri */
.fr-post__body .fr-h { color: var(--ink); font-weight: 800; letter-spacing: -.01em; line-height: 1.3; margin: 18px 0 8px; }
.fr-post__body h3.fr-h { font-size: 20px; }
.fr-post__body h4.fr-h { font-size: 17px; }
.fr-post__body > .fr-h:first-child { margin-top: 0; }
.fr-post__body ol { margin: 0 0 12px; padding-left: 24px; list-style: decimal; }
.fr-post__body ol li { list-style: decimal; }
.fr-post__body blockquote blockquote { margin: 6px 0; background: rgba(0,0,0,.03); }
.fr-post__body blockquote > :last-child { margin-bottom: 0; }
.fr-post__body code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; background: var(--bg-box); padding: 1px 6px; border-radius: 5px; color: #7a2e1f; }
.fr-post__body .fr-code { margin: 0 0 12px; padding: 12px 14px; background: #0f1f19; color: #e8efe9; border-radius: 10px; overflow-x: auto; font-size: 13.5px; line-height: 1.6; }
.fr-post__body .fr-code code { background: none; padding: 0; color: inherit; font-size: inherit; white-space: pre; }
.fr-post__body hr { border: 0; border-top: 1px solid var(--line); margin: 18px 0; }
.fr-post__body .fr-img { display: inline-block; max-width: 100%; margin: 4px 0; text-decoration: none; }
.fr-post__body .fr-img img { display: block; max-width: 100%; max-height: 560px; height: auto; border-radius: 10px; border: 1px solid var(--line); background: var(--bg-soft); }
.fr-post__body .fr-tablo { overflow-x: auto; margin: 0 0 12px; border: 1px solid var(--line); border-radius: 10px; }
.fr-post__body table { width: 100%; border-collapse: collapse; font-size: 14px; }
.fr-post__body th, .fr-post__body td { padding: 8px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.fr-post__body th { background: var(--bg-soft); font-weight: 700; color: var(--ink); }
.fr-post__body tr:last-child td { border-bottom: 0; }
.fr-post__body .fr-spoiler { margin: 0 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); }
.fr-post__body .fr-spoiler summary { cursor: pointer; padding: 9px 14px; font-weight: 700; font-size: 14px; color: var(--gold-dark); }
.fr-post__body .fr-spoiler > div { padding: 0 14px 12px; }
.fr-post__body .fr-al--orta { text-align: center; }
.fr-post__body .fr-al--sag { text-align: right; }
.fr-post__body .fr-mention { color: var(--green-800); font-weight: 700; text-decoration: none; background: rgba(10,51,38,.07); padding: 0 5px; border-radius: 5px; }
.fr-renk--kirmizi { color: #c0392b; } .fr-renk--turuncu { color: #d35400; } .fr-renk--altin { color: #a8894f; } .fr-renk--yesil { color: #1d7a4c; }
.fr-renk--mavi { color: #1f5fa8; } .fr-renk--mor { color: #7b3fa0; } .fr-renk--gri { color: #6b7471; }

/* Editör pencereleri */
.fre-dlg h2 { font-size: 19px; font-weight: 800; margin: 0 0 6px; color: var(--ink); }
.fre-dlg > p { font-size: 14px; color: var(--muted); margin: 0 0 14px; }
.fre-dlg label { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); margin-bottom: 12px; }
.fre-dlg input[type=text], .fre-dlg input[type=url], .fre-dlg input[type=number] { display: block; width: 100%; height: 44px; margin-top: 6px; border: 1px solid #d5d9d7; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 15px; color: var(--ink); }
.fre-dlg input:focus { outline: 0; border-color: var(--gold); }
.fre-dlg__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fre-dlg__chk { display: flex !important; align-items: center; gap: 8px; font-weight: 500 !important; }
.fre-dlg__not { font-size: 12.5px !important; color: var(--muted); }
.fre-dlg__tablo { max-height: 52vh; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; }
.fre-dlg__tablo table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.fre-dlg__tablo td { padding: 7px 10px; border-bottom: 1px solid var(--line); vertical-align: top; }
.fre-dlg__tablo code { white-space: pre-wrap; font-size: 12.5px; background: var(--bg-box); padding: 1px 5px; border-radius: 4px; }

@media (max-width: 768px) {
  .fre__bar { flex-direction: column-reverse; align-items: stretch; top: 64px; }
  .fre__tools { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .fre__tools::-webkit-scrollbar { display: none; }
  .fre__tabs { align-self: stretch; }
  .fre__tabs [data-sekme] { flex: 1; }
  .fre__ipucu { display: none; }
}