/* ===========================================================
   Kurdisch Akademie · Deutsche-Literatur-Portal
   Nutzt die Design-Tokens aus ka-design.css (Navy · Gold),
   inkl. Dark-Mode über [data-theme="dark"].
   =========================================================== */

/* ---- Werkzeugleiste (Suche + Filter) ---- */
.lit-tools{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 14px}
.lit-tools input,.lit-tools select{
  font:inherit;color:var(--ka-ink);background:var(--ka-card);
  border:1px solid var(--ka-line);border-radius:var(--ka-radius-sm);
  padding:11px 14px;box-shadow:var(--ka-shadow)}
.lit-tools input{flex:1;min-width:220px}
.lit-tools input:focus,.lit-tools select:focus{outline:2px solid var(--ka-gold);border-color:var(--ka-gold)}

/* ---- Epochen-Pills ---- */
.lit-epochs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.lit-pill{cursor:pointer;font:inherit;font-weight:700;font-size:.86rem;
  color:var(--ka-ink);background:var(--ka-card);border:1px solid var(--ka-line);
  padding:7px 13px;border-radius:999px;transition:.18s var(--ka-ease)}
.lit-pill:hover{border-color:var(--ka-gold);color:var(--ka-gold)}
.lit-pill.active{background:linear-gradient(135deg,var(--ka-navy),var(--ka-navy-3));
  color:#fff;border-color:transparent;box-shadow:var(--ka-shadow)}

/* ---- Kennzahlen ---- */
.lit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px;padding:0}
.lit-stat{background:var(--ka-card);border:1px solid var(--ka-line);border-radius:var(--ka-radius);
  padding:16px 18px;text-align:center;box-shadow:var(--ka-shadow)}
.lit-stat strong{display:block;font-size:1.7rem;color:var(--ka-gold);font-weight:800;line-height:1}
.lit-stat span{display:block;margin-top:6px;color:var(--ka-muted);font-size:.85rem}
@media(max-width:720px){.lit-stats{grid-template-columns:repeat(2,1fr)}}

/* ---- Epochen-Block ---- */
.lit-epoch-block{margin:0;padding:18px 0 6px;border-top:1px solid var(--ka-line)}
.lit-epoch-block:first-of-type{border-top:0;padding-top:4px}
.lit-epoch-block>h2{display:flex;align-items:center;gap:8px;font-size:clamp(1.3rem,2.2vw,1.8rem);
  color:var(--ka-ink);margin:0 0 4px;font-weight:800}
.lit-ep-emoji{font-size:1.15em;line-height:1;filter:saturate(1.05)}
.lit-epoch-desc{color:var(--ka-muted);line-height:1.55;max-width:75ch;margin:0 0 12px}

/* ---- Regal (Karten-Grid) ---- */
.lit-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.lit-card{position:relative;background:var(--ka-card);border:1px solid var(--ka-line);
  border-radius:var(--ka-radius);padding:18px 18px 16px;box-shadow:var(--ka-shadow);
  transition:.2s var(--ka-ease);display:flex;flex-direction:column;gap:8px}
.lit-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--ka-gold),var(--ka-gold-2))}
.lit-card:hover{transform:translateY(-3px);box-shadow:var(--ka-shadow-lg);border-color:var(--ka-gold)}
.lit-card h3{margin:2px 0 0;font-size:1.14rem;color:var(--ka-ink);font-weight:800}
.lit-tags{display:flex;gap:6px;flex-wrap:wrap}
.lit-tag{font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:3px 9px;border-radius:999px;
  color:var(--ka-navy);background:var(--ka-gold-soft);border:1px solid rgba(201,169,63,.4)}
.lit-tag.type{color:var(--ka-muted);background:transparent;border-color:var(--ka-line)}
.lit-meta{color:var(--ka-muted);font-size:.86rem;font-weight:600}
.lit-card p{margin:2px 0 6px;color:var(--ka-ink);font-size:.92rem;line-height:1.55;opacity:.9}
.lit-open{margin-top:auto;align-self:flex-start;font-weight:700;font-size:.9rem;text-decoration:none;
  color:var(--ka-navy);background:var(--ka-gold);padding:8px 14px;border-radius:999px;transition:.18s var(--ka-ease)}
.lit-open:hover{filter:brightness(1.05);box-shadow:var(--ka-shadow)}
[data-theme="dark"] .lit-open{color:#0b1726}
.lit-empty{color:var(--ka-muted);padding:24px;text-align:center;border:1px dashed var(--ka-line);border-radius:var(--ka-radius)}

/* ---- Detailseite ---- */
.lit-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
@media(max-width:860px){.lit-layout{grid-template-columns:1fr}}
.lit-panel{background:var(--ka-card);border:1px solid var(--ka-line);border-radius:var(--ka-radius);
  padding:22px 24px;box-shadow:var(--ka-shadow)}
.lit-panel h2{font-size:1.15rem;color:var(--ka-ink);margin:18px 0 6px;font-weight:800}
.lit-panel h2:first-child{margin-top:0}
.lit-panel p{color:var(--ka-ink);line-height:1.65;opacity:.92}
.lit-chips{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0}
.lit-chip{font-size:.8rem;font-weight:700;color:var(--ka-navy);background:var(--ka-gold-soft);
  border:1px solid rgba(201,169,63,.4);padding:4px 11px;border-radius:999px}
[data-theme="dark"] .lit-chip{color:var(--ka-gold-2)}

/* Zitat + Sorani */
.lit-quote{margin:10px 0;border:1px solid var(--ka-line);border-radius:var(--ka-radius-sm);overflow:hidden}
.lit-quote-head{background:linear-gradient(135deg,var(--ka-navy),var(--ka-navy-3));color:#fff;
  padding:9px 14px;font-weight:700;font-size:.85rem}
.lit-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:640px){.lit-quote-grid{grid-template-columns:1fr}}
.lit-quote-col{padding:14px 16px}
.lit-quote-col:first-child{border-right:1px solid var(--ka-line)}
@media(max-width:640px){.lit-quote-col:first-child{border-right:0;border-bottom:1px solid var(--ka-line)}}
.lit-quote-col h3{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ka-gold)}
.lit-quote-col blockquote{margin:0;color:var(--ka-ink);line-height:1.6;font-style:italic}
.lit-quote-col blockquote.ku{direction:rtl;text-align:right;font-style:normal;
  font-family:"Shasenem Soran","Noto Naskh Arabic",Tahoma;font-size:1.12rem}

/* Ähnliche Werke */
.lit-related{display:flex;gap:10px;flex-wrap:wrap}
.lit-related a{display:block;padding:10px 14px;border:1px solid var(--ka-line);border-radius:var(--ka-radius-sm);
  background:var(--ka-card);text-decoration:none;color:var(--ka-ink);font-weight:700;font-size:.9rem;transition:.18s var(--ka-ease)}
.lit-related a:hover{border-color:var(--ka-gold);color:var(--ka-gold)}
.lit-related small{color:var(--ka-muted);font-weight:500}

/* Steckbrief */
.lit-facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}
.lit-facts dt{color:var(--ka-muted);font-weight:700;font-size:.86rem}
.lit-facts dd{margin:0;color:var(--ka-ink);font-weight:600}
.lit-notice{margin-top:14px;padding:12px 14px;border-radius:var(--ka-radius-sm);font-size:.85rem;
  color:var(--ka-muted);background:var(--ka-gold-soft);border:1px solid rgba(201,169,63,.35)}
[data-theme="dark"] .lit-notice{background:var(--ka-gold-soft)}

/* ---- Zeitstrahl / Werk des Tages / Quiz ---- */
.lit-sec-h{font-size:1.15rem;color:var(--ka-ink);margin:16px 0 6px;font-weight:800}
.lit-timeline,.lit-wotd,.lit-quiz{padding:0}
.lit-timeline{margin:4px 0}
.lit-tl-scroll{overflow-x:auto;padding-bottom:8px}
.lit-tl-svg{min-width:1500px;width:100%;height:112px;display:block}
.lit-tl-base{stroke:var(--ka-line);stroke-width:2}
.lit-tl-node{cursor:pointer}
.lit-tl-node circle{fill:var(--ka-gold);transition:fill .15s}
.lit-tl-node:hover circle,.lit-tl-node:focus circle{fill:var(--ka-navy)}
.lit-tl-lbl{fill:var(--ka-ink);font-size:12px;font-weight:700;text-anchor:end}
.lit-tl-node:hover .lit-tl-lbl{fill:var(--ka-gold)}
.lit-tl-yr{fill:var(--ka-muted);font-size:10.5px;text-anchor:middle}
.lit-wotd{margin:8px 0}
.lit-wotd-in{background:linear-gradient(135deg,var(--ka-navy),var(--ka-navy-3));color:#fff;
  border-radius:var(--ka-radius);padding:16px 20px;box-shadow:var(--ka-shadow)}
.lit-wotd-tag{display:inline-block;font-weight:800;font-size:.8rem;color:var(--ka-gold-2);letter-spacing:.03em}
.lit-wotd-in h3{margin:8px 0 4px;color:#fff;font-size:1.3rem}
.lit-wotd-in .lit-meta{color:#dfe7f2;margin-bottom:6px}
.lit-wotd-in .lit-open{display:inline-block;margin-top:16px}
.lit-quiz{margin:12px 0}
.lit-quiz-box{background:var(--ka-card);border:1px solid var(--ka-line);border-radius:var(--ka-radius);
  padding:16px 18px;box-shadow:var(--ka-shadow)}
.lit-quiz-q{margin:0 0 10px;color:var(--ka-ink);font-size:1.02rem}
.lit-quiz-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.lit-quiz-opts button{font:inherit;font-weight:700;cursor:pointer;padding:10px 12px;border-radius:var(--ka-radius-sm);
  border:1px solid var(--ka-line);background:var(--ka-bg);color:var(--ka-ink);transition:.15s var(--ka-ease)}
.lit-quiz-opts button:hover:not(:disabled){border-color:var(--ka-gold);color:var(--ka-gold)}
.lit-quiz-opts button.correct{background:var(--ka-success-bg);border-color:var(--ka-success);color:var(--ka-success)}
.lit-quiz-opts button.wrong{background:var(--ka-warning-bg);border-color:var(--ka-warning);color:var(--ka-warning)}
.lit-quiz-fb{margin-top:10px;color:var(--ka-ink);line-height:1.5}
.lit-quiz-next{margin-left:8px;font:inherit;font-weight:700;cursor:pointer;background:var(--ka-gold);
  color:var(--ka-navy);border:0;padding:6px 12px;border-radius:999px}

/* ---- Steuerung: Ansicht-Umschalter ---- */
.lit-viewbtn{font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--ka-line);
  background:var(--ka-card);color:var(--ka-ink);border-radius:var(--ka-radius-sm);padding:11px 14px;box-shadow:var(--ka-shadow)}
.lit-viewbtn:hover{border-color:var(--ka-gold);color:var(--ka-gold)}

/* ---- Listen-Ansicht (kompakt) ---- */
.lit-listview .lit-shelf{grid-template-columns:1fr;gap:8px}
.lit-listview .lit-card{flex-flow:row wrap;align-items:center;gap:6px 14px;padding:10px 16px 10px 20px}
.lit-listview .lit-card::before{top:8px;bottom:8px}
.lit-listview .lit-card h3{font-size:1.02rem;margin:0;flex:1 1 220px}
.lit-listview .lit-card .lit-tags{order:-1;flex:0 0 auto}
.lit-listview .lit-card .lit-meta{flex:0 0 auto}
.lit-listview .lit-card .lit-open{flex:0 0 auto;margin:0;padding:6px 12px;font-size:.82rem}

/* ---- Statistik-Balken ---- */
.lit-stats2{padding:0;margin:8px 0}
.lit-bars-scroll{overflow-x:auto}
.lit-bars-svg{min-width:560px;width:100%;height:auto;display:block}
.lit-bar-lbl{fill:var(--ka-ink);font-size:12px;font-weight:700;text-anchor:end}
.lit-bar{fill:var(--ka-gold);cursor:pointer;transition:fill .15s}
.lit-bar:hover,.lit-bar:focus{fill:var(--ka-navy)}
.lit-bar-num{fill:var(--ka-muted);font-size:11px;font-weight:700}

/* ---- Quiz: Fortschritt + Ergebnis ---- */
.lit-quiz-bar{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--ka-muted);font-weight:700;margin-bottom:8px}
.lit-quiz-result{text-align:center;padding:6px}
.lit-quiz-result h3{margin:0 0 4px;color:var(--ka-ink)}

/* ---- Detailseite: Vor/Zurück + Werkzeugleiste ---- */
.lit-pn{display:flex;justify-content:space-between;gap:10px;margin-top:2px}
.lit-pn a{text-decoration:none;font-weight:700;color:var(--ka-navy);background:var(--ka-gold-soft);
  border:1px solid rgba(201,169,63,.4);padding:8px 13px;border-radius:999px;font-size:.9rem}
.lit-pn a:hover{border-color:var(--ka-gold);color:var(--ka-gold)}
[data-theme="dark"] .lit-pn a{color:var(--ka-gold-2)}
.lit-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.lit-toolbar button{font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--ka-line);
  background:var(--ka-card);color:var(--ka-ink);border-radius:999px;padding:7px 13px;transition:.15s var(--ka-ease)}
.lit-toolbar button:hover{border-color:var(--ka-gold);color:var(--ka-gold)}

/* ---- Zeitstrahl: Umschalter + maßstabsgetreue Ansicht ---- */
.lit-tl-toggle{display:inline-flex;border:1px solid var(--ka-line);border-radius:999px;overflow:hidden;margin:2px 0 6px}
.lit-tl-toggle button{font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;border:0;
  background:var(--ka-card);color:var(--ka-ink);padding:7px 15px}
.lit-tl-toggle button.active{background:linear-gradient(135deg,var(--ka-navy),var(--ka-navy-3));color:#fff}
.lit-tl-scale-svg{min-width:1700px;width:100%;height:auto;display:block}
.lit-tk-line{stroke:var(--ka-line);stroke-width:1;stroke-dasharray:2 3}
.lit-tk-lbl{fill:var(--ka-muted);font-size:11px;text-anchor:middle}
.lit-dot{fill:var(--ka-gold);transition:fill .12s}
.lit-dot-a:hover .lit-dot,.lit-dot-a:focus .lit-dot{fill:var(--ka-navy)}

/* --- bilinguale Gedicht-Paare (Zeile fuer Zeile) v9 --- */
.lit-pairs{border:1px solid var(--ka-line);border-radius:var(--ka-radius-sm);overflow:hidden;margin-top:4px;background:var(--ka-card)}
.lit-prow{display:grid;grid-template-columns:1fr 1fr}
.lit-prow:nth-child(odd){background:var(--ka-gold-soft)}
.lit-prow+.lit-prow{border-top:1px solid var(--ka-line)}
.lit-pk{padding:11px 16px;line-height:1.85;color:var(--ka-ink);border-inline-end:1px solid var(--ka-line)}
.lit-pk.ku{direction:rtl;text-align:right;font-family:"Shasenem Soran","Noto Naskh Arabic",Tahoma;font-size:1.22rem}
.lit-pk.ku-lat{font-style:italic}
.lit-pd{padding:11px 16px;line-height:1.6;color:var(--ka-ink)}
.lit-orig{margin-top:14px}
.lit-orig>summary{cursor:pointer;font-weight:800;color:var(--ka-navy);padding:8px 0}
[data-theme="dark"] .lit-orig>summary{color:var(--ka-gold-2)}
@media(max-width:640px){.lit-prow{grid-template-columns:1fr}.lit-pk{border-inline-end:0;border-bottom:1px dashed var(--ka-line)}}