/* ============================================================================
   ch-117 — پیشنهاد زنده‌ی نوار جستجوی آزمون‌ها (صفحه‌ی اول، صفحه‌ی آزمون‌ها، صفحه‌ی نتیجه)
   پنجره به body چسبیده و زیر فرم جا می‌گیرد تا بخش‌های overflow:hidden آن را نبرند. رفتار: site_pages/js/tk-search.js
   ============================================================================ */
.tks-pop{position:absolute;z-index:160;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;
  background:var(--tk-surface,#fff);color:var(--tk-ink,#1a1c1f);border:1px solid var(--tk-line,rgba(26,28,31,.10));
  border-radius:20px;box-shadow:0 30px 70px -24px rgba(15,17,20,.42),0 4px 14px rgba(15,17,20,.06);
  font-family:var(--tk-font,inherit);direction:rtl;text-align:right;opacity:0;transform:translateY(-4px);
  transition:opacity .16s var(--tk-ease,ease),transform .16s var(--tk-ease,ease)}
.tks-pop.is-open{opacity:1;transform:none}
.tks-pop[hidden]{display:none}
.tks-scroll{overflow-y:auto;overscroll-behavior:contain;padding:8px}
.tks-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 6px;
  font-size:12px;font-weight:700;color:var(--tk-ink-soft,rgba(26,28,31,.62))}
.tks-head b{font-weight:800;color:var(--tk-ink,#1a1c1f)}
.tks-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;color:inherit;text-decoration:none;outline:0;
  transition:background .14s var(--tk-ease,ease)}
.tks-item:hover,.tks-item.is-active{background:var(--tk-surface-2,#f4f3ef)}
.tks-item.is-active{box-shadow:inset 0 0 0 1.5px var(--tk-amber,#ffc218)}
.tks-thumb{flex:none;width:52px;height:38px;border-radius:10px;overflow:hidden;background:var(--tk-surface-3,#eceae4);display:grid;place-items:center;
  color:var(--tk-amber-deep,#e9ad00)}
.tks-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tks-thumb svg{width:20px;height:20px}
.tks-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tks-txt b{font-size:14px;font-weight:800;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tks-txt b mark{background:none;color:inherit;box-shadow:inset 0 -.38em 0 rgba(255,194,24,.42);border-radius:2px}
.tks-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--tk-ink-soft,rgba(26,28,31,.62))}
.tks-meta span{white-space:nowrap}
.tks-kind{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--tk-amber-soft,rgba(255,194,24,.14));
  color:var(--tk-ink,#1a1c1f);font-weight:800}
.tks-kind.is-course{background:rgba(59,111,212,.12)}
.tks-kind.is-intl{background:rgba(110,140,255,.16)}
.tks-go{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:var(--tk-ink-faint,rgba(26,28,31,.4));
  transition:color .14s,background .14s}
.tks-go svg{width:15px;height:15px}
.tks-item:hover .tks-go,.tks-item.is-active .tks-go{color:var(--tk-ink,#1a1c1f);background:var(--tk-surface,#fff)}
.tks-facets{display:flex;flex-wrap:wrap;gap:8px;padding:4px 10px 10px}
.tks-facet{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 12px;border-radius:999px;border:1px solid var(--tk-line-strong,rgba(26,28,31,.16));
  color:inherit;text-decoration:none;font-size:13px;font-weight:700;outline:0;transition:border-color .14s,background .14s}
.tks-facet em{font-style:normal;font-size:11px;font-weight:700;color:var(--tk-ink-soft,rgba(26,28,31,.62))}
.tks-facet i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--tk-surface-2,#f4f3ef);
  font-size:11px;font-weight:800}
.tks-facet:hover,.tks-facet.is-active{border-color:var(--tk-amber,#ffc218);background:var(--tk-amber-soft,rgba(255,194,24,.14))}
.tks-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:13px 18px;border-top:1px solid var(--tk-line,rgba(26,28,31,.10));
  background:var(--tk-surface-2,#f4f3ef);color:var(--tk-ink,#1a1c1f);text-decoration:none;font-size:13.5px;font-weight:800;outline:0}
.tks-all svg{width:16px;height:16px;flex:none}
.tks-all:hover,.tks-all.is-active{background:var(--tk-amber,#ffc218);color:#181a1d}
.tks-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px 22px;text-align:center}
.tks-empty b{font-size:14.5px;font-weight:800}
.tks-empty span{font-size:13px;line-height:1.9;color:var(--tk-ink-soft,rgba(26,28,31,.62))}
.tks-empty a{margin-top:6px;font-size:13px;font-weight:800;color:var(--tk-ink,#1a1c1f);text-decoration:none;border-bottom:2px solid var(--tk-amber,#ffc218)}
.tks-loading{display:flex;flex-direction:column;gap:8px;padding:12px}
.tks-loading i{display:block;height:46px;border-radius:14px;background:linear-gradient(90deg,var(--tk-surface-2,#f4f3ef) 0%,var(--tk-surface-3,#eceae4) 50%,var(--tk-surface-2,#f4f3ef) 100%);
  background-size:200% 100%;animation:tks-shimmer 1.1s linear infinite}
@keyframes tks-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.tks-pop{transition:none}.tks-loading i{animation:none}}
@media (max-width:640px){
  .tks-pop{border-radius:18px}
  .tks-thumb{width:44px;height:34px}
  .tks-txt b{font-size:13.5px}
}