/* search.css — выпадающие подсказки поиска */
.search-suggest-box {
    position: absolute; top: calc(100% + 6px); left: 0; right: 0;
    background: var(--t-bg-elevated, #1a1c20);
    border: 1px solid var(--t-border, #2c2f34);
    border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,.45);
    z-index: 1200; max-height: 70vh; overflow-y: auto;
    display: none; padding: 6px;
}
.search-suggest-box.show { display: block; }

.ss-item { display: flex; gap: 12px; padding: 8px; border-radius: 10px; text-decoration: none; transition: background .12s; }
.ss-item:hover { background: var(--t-bg-hover, rgba(255,255,255,.06)); }
.ss-poster { width: 42px; height: 63px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background:#000; }
.ss-info { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.ss-title { font-weight: 600; color: var(--t-text, #e8eaed); font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-year { color: var(--t-text-muted, #9aa0a6); font-weight: 400; }
.ss-orig { font-size: .8rem; color: var(--t-text-muted, #9aa0a6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ss-meta { font-size: .76rem; color: var(--t-text-faint, #6b7178); }

.ss-empty { padding: 16px; text-align: center; color: var(--t-text-muted, #9aa0a6); font-size: .88rem; }

.ss-head { display: flex; justify-content: space-between; align-items: center; padding: 6px 10px; font-size: .78rem; color: var(--t-text-muted, #9aa0a6); }
.ss-clear { background: none; border: 0; color: var(--t-accent, #5aa9ff); font-size: .78rem; cursor: pointer; padding: 0; }
.ss-hist { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; text-decoration: none; color: var(--t-text, #d5d8dc); font-size: .9rem; }
.ss-hist:hover { background: var(--t-bg-hover, rgba(255,255,255,.06)); }
.ss-hist svg { color: var(--t-text-faint, #6b7178); flex-shrink: 0; }