/* ── PhantastikCharts – seitenspezifisches CSS für buchfinder.php ─────────
   Ausgelagert aus dem früheren Inline-<style>-Block (Aufräumaktion 2026-08-22),
   damit der Browser diese Datei über Page-Loads hinweg cachen kann (per <link>
   + asset_url()-Cache-Busting eingebunden, wie assets/style.css). */

.page-wrap { max-width: 900px; margin: 0 auto; padding: 1.5rem 1rem; }

.page-title {
    font-size: 1.5rem; font-weight: 800;
    border-bottom: 2px solid #1a1a1a;
    padding-bottom: 0.5rem; margin-bottom: 1.25rem;
}

/* ── Filter-Box ──────────────────────────────────── */
.finder-form { display: flex; flex-direction: column; gap: 1.25rem; }

.filter-section-label {
    font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.07em; color: #999; margin-bottom: 0.45rem;
}

.pill-group { display: flex; flex-wrap: wrap; gap: 0.35rem; }

.pill {
    display: inline-flex; align-items: center; gap: 0.3rem;
    font-size: 0.8rem; padding: 0.28rem 0.7rem;
    border-radius: 999px; cursor: pointer;
    border: 1.5px solid #ddd; background: #fff; color: #444;
    user-select: none; transition: border-color 0.12s, background 0.12s, color 0.12s;
}
.pill:hover { border-color: #bbb; background: #f5f5f0; }
.pill input { display: none; }
.pill.checked { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.tag-count {
    font-size: 0.7rem; font-weight: 700;
    color: #999; margin-left: 0.15rem;
}
.pill.checked .tag-count { color: rgba(255,255,255,0.55); }
.tag-count:empty { display: none; }

/* Genre-Pills etwas größer */
.genre-pill { font-size: 0.85rem; padding: 0.35rem 0.9rem; }

/* Tag-Kategorien */
.tag-categories { display: flex; flex-direction: column; gap: 0.9rem; }
.tag-category-title {
    font-size: 0.78rem; font-weight: 600; color: #555;
    margin-bottom: 0.35rem;
}

/* ── Such-Button ─────────────────────────────────── */
.btn-search {
    background: #c0392b; color: #fff;
    font-size: 0.95rem; font-weight: 700;
    padding: 0.6rem 1.5rem; border-radius: 5px;
    border: none; cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.btn-search:hover { background: #a93226; }
.btn-search:disabled { background: #ccc; cursor: default; }
.search-hint { font-size: 0.82rem; color: #aaa; }

/* .pagination/.page-btn: siehe assets/style.css (Aufräumaktion 2026-08-22, 1:1-Duplikat). */

/* ── Prompt (keine Auswahl) ──────────────────────── */
.finder-prompt {
    text-align: center; padding: 3rem 1rem; color: #bbb;
    border: 2px dashed #e0e0d8; border-radius: 8px;
    margin-top: 0.5rem;
}
.finder-prompt strong { display: block; font-size: 1.1rem; color: #ccc; margin-bottom: 0.4rem; }

/* ── Ergebnisliste ───────────────────────────────── */
.results-header {
    font-size: 0.85rem; color: #888; margin-bottom: 0.75rem;
}
.results-header strong { color: #1a1a1a; }

.book-list {
    background: #fff; border: 1px solid #e0e0d8;
    border-radius: 6px; overflow: hidden;
}
/* Zeilen-Hülle (border/hover/display:grid): siehe .list-row in assets/style.css
   (Aufräumaktion 2026-08-22, war 1:1-Duplikat) — hier nur noch die eigenen
   Spaltenbreiten. */
.book-row { grid-template-columns: 48px 1fr auto; min-height: 72px; }

.book-cover-wrap { padding: 0.5rem 0.6rem; }
/* .book-cover/.book-cover-empty: siehe .cover-thumb/-empty + .cover-thumb-40 in
   assets/style.css (Aufräumaktion 2026-08-22, war 1:1-Duplikat). */
.book-info { padding: 0.6rem 0.5rem; min-width: 0; }
.book-title {
    font-size: 0.9rem; font-weight: 700; color: #1a1a1a;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.book-title a:hover { color: #c0392b; }
.book-author { font-size: 0.78rem; color: #777; margin-top: 0.1rem; }
.book-genres { font-size: 0.68rem; color: #aaa; margin-top: 0.15rem; }

.book-pts {
    padding: 0.6rem 0.9rem;
    font-size: 0.82rem; font-weight: 700;
    color: #1a1a1a; white-space: nowrap; text-align: right;
    flex-shrink: 0;
}
.book-pts span { display: block; font-size: 0.68rem; font-weight: 400; color: #aaa; }

.empty-results {
    background:#fff; border:1px solid #e0e0d8; border-radius:6px;
    padding:3rem; text-align:center; color:#aaa;
}

@media (max-width: 540px) {
    .book-row { grid-template-columns: 48px 1fr auto; }
}