/* ---------- Kunstausstellung ---------- */
/* Eigenständiges Modul (wie forum.css), gleiche CSS-Variablen wie das Forum
   (--gold-deep, --line, --radius, --f-mono, --ok, ...) aus dem :root der
   jeweiligen Seite. Eigene "kunst-"-Klassen, keine Überschneidung mit
   forum-*, damit beide Module unabhängig voneinander geändert werden können. */
.kunst{margin-top:20px}
.kunst-body{padding:16px}
.kunst-banner{
  font-family:var(--f-mono);font-size:12px;color:var(--gold-deep);background:#FBF7EA;
  border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px
}
.kunst-breadcrumb{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a746a;
  display:flex;align-items:center;gap:8px;margin-bottom:14px
}
.kunst-breadcrumb a{color:var(--gold-deep);text-decoration:none;cursor:pointer}
.kunst-breadcrumb a:hover{text-decoration:underline}

.kunst-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.kunst-new-btn{
  font-family:var(--f-mono);font-size:12px;border:1px solid var(--gold-deep);background:#fff;color:var(--gold-deep);
  padding:8px 14px;border-radius:100px;cursor:pointer
}
.kunst-new-btn:hover{background:var(--gold-deep);color:#fff}

.kunst-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.kunst-card{
  text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  overflow:hidden;cursor:pointer;transition:.12s;display:flex;flex-direction:column;padding:0
}
.kunst-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}
.kunst-card .thumb{
  aspect-ratio:1/1;background:var(--paper-2);display:flex;align-items:center;justify-content:center;
  font-size:34px;overflow:hidden;position:relative
}
.kunst-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kunst-card .collab-badge{
  position:absolute;top:6px;right:6px;font-size:10px;background:var(--ok);color:#fff;
  border-radius:100px;padding:2px 7px;font-family:var(--f-mono)
}
.kunst-card .info{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.kunst-card .ttl{font-family:var(--f-display);font-weight:600;font-size:13px;line-height:1.3}
.kunst-card .by{font-size:11px;color:#8b857b}
.kunst-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.kunst-tag{
  font-family:var(--f-mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-deep);
  background:#FBF7EA;border:1px solid var(--line);border-radius:100px;padding:2px 8px
}

.kunst-detail-media{margin-bottom:14px}
.kunst-detail-media img{width:100%;max-height:520px;object-fit:contain;border-radius:var(--radius);background:var(--paper-2)}
.kunst-embed-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#0a0a0a}
.kunst-embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kunst-embed-wrap.audio{aspect-ratio:auto;height:160px;background:transparent}
.kunst-detail-collab{
  display:inline-block;font-family:var(--f-mono);font-size:11px;color:#fff;background:var(--ok);
  border-radius:100px;padding:4px 12px;margin-bottom:10px
}

.kunst-empty{padding:24px 4px;color:#8b857b;font-size:13px;text-align:center}

.kunst-form{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}
.kunst-form input,.kunst-form textarea,.kunst-form select{
  width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;
  font-family:var(--f-body);font-size:14px;background:var(--paper);resize:vertical
}
.kunst-form textarea{min-height:90px}
.kunst-form .row{display:flex;gap:10px;flex-wrap:wrap}
.kunst-form .row input,.kunst-form .row select{flex:1;min-width:140px}
.kunst-form label.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.kunst-form label.checkbox input{width:auto}
.kunst-form .hint{font-size:11px;color:#8b857b}
.kunst-form button.submit{
  align-self:flex-start;font-family:var(--f-mono);font-size:12px;background:var(--ink);color:var(--paper);
  border:none;padding:10px 18px;border-radius:100px;cursor:pointer
}
.kunst-form button.submit:hover{background:var(--gold-deep)}
.kunst-form button.submit:disabled{opacity:.5;cursor:default}
.kunst-hp{position:absolute;left:-9999px;opacity:0}

.kunst-post{border-bottom:1px solid var(--line-soft);padding:14px 4px}
.kunst-post .by{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}
.kunst-post .by time{font-weight:400;font-family:var(--f-mono);font-size:10px;color:#8b857b}
.kunst-post .bd{font-size:14px;line-height:1.55;margin-top:6px;white-space:pre-wrap;word-break:break-word}
.kunst-post .report-btn{font-family:var(--f-mono);font-size:10px;color:#8b857b;background:none;border:none;padding:0;margin-top:6px;cursor:pointer;text-decoration:underline}

@media (max-width:480px){.kunst-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}