/* assets/css/forum.css — Luxe v3 */
:root{
  --bg:#0b1020;
  --panel:#111832;
  --ink:#e8eefc;
  --muted:#9fb0d3;
  --line:#1e2847;
  --thead:#0f1833;
  --brand:#8aa4ff;
  --ok:#31d27a;
  --warn:#f6b44b;
  --danger:#ff6b6b;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f6f8fe;
    --panel:#ffffff;
    --ink:#172038;
    --muted:#5c6a89;
    --line:#e4e9f5;
    --thead:#eef3ff;
    --brand:#3f6bff;
    --ok:#16a34a;
    --warn:#e79a2b;
    --danger:#ef4444;
  }
}
html,body{background:var(--bg);color:var(--ink)}
body.forum-classic{background:var(--bg);color:var(--ink)}
a{color:var(--brand);text-decoration:none}
.forum-hero{background:linear-gradient(180deg,var(--thead),rgba(255,255,255,0));border:1px solid var(--line);border-radius:16px;padding:18px 18px;margin-bottom:16px}
.forum-hero h1{font-size:1.25rem;margin:0 0 6px;font-weight:800;letter-spacing:.2px}
.forum-hero .lead{color:var(--muted);font-size:.95rem;margin:0}
.table.forum-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.table.forum-table thead th{background:linear-gradient(180deg,var(--thead),rgba(255,255,255,0));border-bottom:1px solid var(--line);font-weight:800;font-size:.9rem;color:var(--ink);position:sticky;top:0;z-index:2}
.table.forum-table td,.table.forum-table th{vertical-align:middle}
.table.forum-table tbody tr{transition:background .12s ease, transform .08s ease;border-bottom:1px solid var(--line)}
.table.forum-table tbody tr:last-child{border-bottom:0}
.table.forum-table tbody tr:hover{background:color-mix(in srgb, var(--brand) 8%, transparent)}
.table-tight td{padding:.72rem .9rem}
.forum-compact .table-tight td{padding:.48rem .65rem}
.forum-compact .post-row{padding:12px 0}
.forum-compact .post-user{min-width:160px}
.tr-accent{box-shadow: inset 3px 0 0 0 var(--brand)}
.tr-new{box-shadow: inset 3px 0 0 0 var(--ok)}
.tr-locked{opacity:.9;filter:saturate(.9)}
.forum-title{font-weight:800;letter-spacing:.2px}
.forum-sub{color:var(--muted);font-size:.9rem}
.forum-meta{color:var(--muted);font-size:.9rem}
.lozenge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid var(--line);background:transparent;color:var(--ink)}
.lozenge-new{background:rgba(22,163,74,.14)}
.lozenge-hot{background:rgba(63,107,255,.14)}
.lozenge-locked{background:rgba(239,68,68,.16)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem;background:var(--muted);vertical-align:middle}
.dot-live{background:var(--ok)}
.tag-badges .badge{margin-right:.25rem;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700}
.tag-badges .badge-more{background:rgba(0,0,0,.08)}
.post-row{border-top:1px solid var(--line);padding:18px 0}
.post-row.op{background:color-mix(in srgb, var(--brand) 10%, transparent); margin-bottom: 10px;}
.post-user{min-width:200px}
.post-user .avatar{width:50px;height:50px;border-radius:50%;background:color-mix(in srgb, var(--brand) 24%, var(--panel));display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--panel)}
.post-user .name{font-weight:900;letter-spacing:.2px}
.post-content{line-height:1.7}
.post-content pre{background:rgba(0,0,0,.15);padding:.75rem;border-radius:8px;overflow:auto}
.post-content code{background:rgba(0,0,0,.15);padding:.1rem .35rem;border-radius:6px}
.post-actions{gap:.5rem}
.post-actions .btn{--bs-btn-padding-y:.18rem; --bs-btn-padding-x:.45rem; --bs-btn-font-size:.82rem}
.btn-like.active{background:var(--brand);border-color:var(--brand)}
.btn-quote{background:rgba(0,0,0,.06);border-color:var(--line)}
.btn-report{background:rgba(239,68,68,.12);border-color:var(--danger)}
.ql-toolbar.ql-snow{border:1px solid var(--line);background:var(--panel);border-radius:12px 12px 0 0}
.ql-container.ql-snow{border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--panel);color:var(--ink)}
.ql-editor{min-height:160px}
.ql-snow .ql-stroke{stroke:var(--ink)}
.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill{fill:var(--ink)}
.breadcrumb{--bs-breadcrumb-divider:'›';margin-bottom:0}
.breadcrumb .breadcrumb-item a{color:var(--muted)}
.breadcrumb .breadcrumb-item.active{color:var(--ink);font-weight:700}
.cat-icon{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:6px; background:rgba(0,0,0,.08); margin-right:.5rem; font-size:16px}

/* --- Forum post görselleri: akıllı sığdırma --- */

/* Kullanıcı hiçbir genişlik vermediyse: taşımasın */
.post-body img:not([style*="width"]),
.post-content img:not([style*="width"]),
.post-text img:not([style*="width"]) {
  max-width: 90%;
  height: auto;
  display: block;
}

/* Kullanıcı genişlik verdiyse: kapsayıcıdan taşmasın */
.post-body img[style*="width"],
.post-content img[style*="width"],
.post-text img[style*="width"] {
  max-width: 90%;
  height: auto;
}

/* Figure/table içinde de kırılmayı düzgün yapalım */
.post-body figure img,
.post-content figure img,
.post-text figure img {
  max-width: 90%;
  height: auto;
}

.post-body, .post-content, .post-text {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* (Opsiyonel) tablolar yatay taşmasın */
.post-body table,
.post-content table,
.post-text table {
  width: 90%;
  table-layout: fixed;
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
}