/* جستجوی زندهٔ هدر — پاپ‌آور نتایج */
.ee-search { position: relative; }
.ee-ls {
    position: absolute; top: calc(100% + .45rem); right: 0; left: 0; z-index: 60;
    background: #fff; border: 1px solid var(--ee-line); border-radius: 1.1rem;
    box-shadow: 0 18px 40px -12px rgb(15 23 42 / .22), 0 4px 12px -4px rgb(0 137 123 / .12);
    overflow: hidden; opacity: 0; transform: translateY(-6px) scale(.985); pointer-events: none;
    transition: opacity .16s ease, transform .16s ease;
}
.ee-ls.is-open { opacity: 1; transform: none; pointer-events: auto; }
.ee-ls::before { content: ""; position: absolute; top: -6px; right: 1.4rem; width: 12px; height: 12px; background: #fff; border-left: 1px solid var(--ee-line); border-top: 1px solid var(--ee-line); transform: rotate(45deg); }
.ee-ls-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .9rem; font-size: .7rem; color: var(--ee-soft); background: linear-gradient(180deg, #f8fafc, #fff); border-bottom: 1px solid var(--ee-line); }
.ee-ls-head strong { color: var(--ee-tealP); font-weight: 800; }
.ee-ls-list { list-style: none; margin: 0; padding: .35rem; max-height: min(60vh, 26rem); overflow-y: auto; scrollbar-width: thin; }
.ee-ls-item { display: flex; align-items: center; gap: .7rem; padding: .5rem .6rem; border-radius: .8rem; transition: background .12s; cursor: pointer; }
.ee-ls-item:hover, .ee-ls-item.is-active { background: var(--ee-mint); }
.ee-ls-th { flex: 0 0 auto; width: 3rem; height: 3rem; border-radius: .75rem; overflow: hidden; background: var(--ee-bg); display: inline-flex; align-items: center; justify-content: center; color: var(--ee-tealP); font-size: 1.4rem; }
.ee-ls-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ee-ls-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.ee-ls-title { font-size: .84rem; font-weight: 700; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ls-title mark { background: none; color: var(--ee-tealP); font-weight: 900; }
.ee-ls-sub { display: flex; align-items: center; gap: .4rem; font-size: .68rem; color: var(--ee-soft); }
.ee-ls-type { display: inline-flex; align-items: center; gap: .2rem; background: #f1f5f9; color: #475569; border-radius: 999px; padding: .05rem .5rem; font-weight: 700; }
.ee-ls-type svg.ee-ic { font-size: .9rem; }
.ee-ls-cat::before { content: "•"; margin-left: .35rem; opacity: .5; }
.ee-ls-meta { margin-inline-start: auto; font-size: .68rem; color: var(--ee-tealP); font-weight: 800; white-space: nowrap; }
.ee-ls-item .ee-ls-go { flex: 0 0 auto; color: var(--ee-soft); font-size: 1.1rem; opacity: 0; transform: translateX(4px); transition: all .12s; }
.ee-ls-item:hover .ee-ls-go, .ee-ls-item.is-active .ee-ls-go { opacity: 1; transform: none; }
.ee-ls-foot { border-top: 1px solid var(--ee-line); padding: .45rem; }
.ee-ls-all { display: flex; align-items: center; justify-content: center; gap: .35rem; padding: .55rem; border-radius: .75rem; font-size: .78rem; font-weight: 800; color: var(--ee-tealP); background: var(--ee-mint); transition: background .12s; }
.ee-ls-all:hover { background: rgb(209 250 229); }
.ee-ls-state { padding: 1.1rem .9rem; text-align: center; font-size: .78rem; color: var(--ee-soft); display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.ee-ls-state svg.ee-ic { font-size: 1.8rem; color: var(--ee-teal); opacity: .8; }
.ee-ls-spin { width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 3px solid var(--ee-mint); border-top-color: var(--ee-tealP); animation: eeLsSpin .7s linear infinite; }
@keyframes eeLsSpin { to { transform: rotate(360deg); } }
.ee-ls-kbd { display: none; gap: .3rem; }
.ee-ls-kbd kbd { font-family: inherit; font-size: .62rem; background: #f1f5f9; border: 1px solid #e2e8f0; border-bottom-width: 2px; border-radius: .35rem; padding: 0 .35rem; color: #475569; }
@media (min-width: 900px) { .ee-ls-kbd { display: inline-flex; } }
@media (max-width: 899px) { .ee-ls { border-radius: .9rem; } .ee-ls::before { display: none; } }
