/* Kompendium Kurdistan & Iran — dunkles Theme mit Akzenten */

:root {
  --ku: #ed2024;
  --fa: #d4af37;
  --co: #40e0d0;
}

/* ---------- Chips (Flaggen) ---------- */
.chips { display: flex; flex-wrap: wrap; gap: .45rem; margin: .4rem 0 1rem; }
.chip {
  display: inline-block; border-radius: 999px; padding: .14rem .75rem;
  font-size: .74rem; font-weight: 700; letter-spacing: .02em;
  border: 1px solid; line-height: 1.5;
}
.chip-ku { color: #ff7b7e; border-color: var(--ku); background: rgba(237,32,36,.12); }
.chip-fa { color: #e8cd6f; border-color: var(--fa); background: rgba(212,175,55,.12); }
.chip-co { color: #7fe8dd; border-color: var(--co); background: rgba(64,224,208,.10); }
.chip-pre { color: #b39ddb; border-color: #7e57c2; background: rgba(126,87,194,.14); }
.chip-post { color: #90caf9; border-color: #42a5f5; background: rgba(66,165,245,.13); }
.chip-mid { color: #cfcfcf; border-color: #9e9e9e; background: rgba(158,158,158,.13); }
.chip-type { color: #ffd18a; border-color: #b8860b; background: rgba(184,134,11,.12); }

/* ---------- Eintragsseiten ---------- */
.lead { font-size: 1.02rem; color: var(--md-default-fg-color--light); }

/* ---------- Tabellen ---------- */
.md-typeset table:not([class]) th { white-space: nowrap; }
.md-typeset table:not([class]) { font-size: .78rem; }

/* ---------- Karte ---------- */
.map { height: 72vh; min-height: 420px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); }
.map-legend { display: flex; gap: 1rem; align-items: center; margin: .6rem 0 1rem; font-size: .8rem; }
.dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; margin-right: .25rem; }
.dot-ku { background: var(--ku); } .dot-fa { background: var(--fa); } .dot-co { background: var(--co); }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background: #1e2126; color: #eee; }
.leaflet-popup-content a { color: #e8cd6f; }

/* ---------- Datenbank ---------- */
#db-app input[type="search"] {
  width: 100%; max-width: 34rem; padding: .55rem .9rem; border-radius: 8px;
  border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); color: inherit;
  font-size: .9rem; margin-bottom: .8rem;
}
.db-group { display: inline-flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin: 0 1rem .5rem 0; }
.db-group-title { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; opacity: .65; margin-right: .25rem; }
.db-chip {
  cursor: pointer; border-radius: 999px; padding: .16rem .7rem; font-size: .74rem; font-weight: 600;
  border: 1px solid rgba(255,255,255,.25); background: transparent; color: inherit;
}
.db-chip.chip-kurdisch { border-color: var(--ku); }
.db-chip.chip-persisch { border-color: var(--fa); }
.db-chip.chip-gemeinsam { border-color: var(--co); }
.db-chip.chip-vor-islamisch { border-color: #7e57c2; }
.db-chip.chip-nach-islamisch { border-color: #42a5f5; }
.db-chip.chip-uebergreifend { border-color: #9e9e9e; }
.db-chip.active { background: rgba(255,255,255,.18); box-shadow: 0 0 0 1px currentColor inset; }
#db-count { font-size: .8rem; opacity: .75; margin: .4rem 0 .7rem; }
#db-table table { width: 100%; border-collapse: collapse; font-size: .78rem; }
#db-table th, #db-table td { text-align: left; padding: .45rem .6rem; border-bottom: 1px solid rgba(255,255,255,.08); }
#db-table th { position: sticky; top: 0; background: var(--md-default-bg-color); }

/* ---------- Kleinkram ---------- */
.md-typeset .admonition { font-size: .8rem; }
blockquote { border-left: 3px solid var(--fa); }