/* ══════════════════════════════════════════════════════════════════
   page-finder.css — صندوقُ «أين أجد…؟»
   ══════════════════════════════════════════════════════════════════
   يظهر في موضعين: أعلى الشريط الجانبيّ، وفي مربّع الوصول السريع.
   والتنسيقُ واحدٌ لهما — صندوقان بمظهرين يُربكان من يعرف أحدَهما.
   ══════════════════════════════════════════════════════════════════ */
.pf { position: relative; padding: 0 12px 10px; }
.pf__row { position: relative; display: flex; align-items: center; }
.pf__ico {
    position: absolute; inset-inline-start: 11px; font-size: .78rem;
    color: rgba(255,255,255,.55); pointer-events: none;
}
.pf__in {
    width: 100%; padding: 9px 12px 9px 32px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 10px; color: #fff;
    font-family: inherit; font-size: .84rem;
}
.pf__in::placeholder { color: rgba(255,255,255,.5); }
.pf__in:focus {
    outline: none; background: rgba(255,255,255,.15);
    border-color: rgba(255,255,255,.4);
}
/* متصفّحُ ويبكِت يضع زرَّ مسحٍ داكناً لا يُرى على أرضٍ داكنة. */
.pf__in::-webkit-search-cancel-button { filter: invert(1); opacity: .6; }

.pf__list {
    position: absolute; z-index: 60; inset-inline: 12px; top: calc(100% - 4px);
    background: #fff; border: 1px solid #cbd5e1; border-radius: 11px;
    box-shadow: 0 14px 34px rgba(15,23,42,.22);
    max-height: min(52vh, 360px); overflow-y: auto; padding: 5px;
}
.pf__hit {
    display: grid; grid-template-columns: 18px 1fr auto; gap: 9px;
    align-items: baseline; padding: 9px 10px; border-radius: 8px;
    color: #0f172a; text-decoration: none; font-size: .85rem;
}
.pf__hit i { color: #1e3a8a; font-size: .82rem; }
.pf__hit-l { font-weight: 700; }
.pf__hit-s { font-size: .7rem; color: #94a3b8; white-space: nowrap; }
.pf__hit.is-on, .pf__hit:hover { background: #eef2ff; }
.pf__none { padding: 14px; text-align: center; color: #64748b; font-size: .82rem; }

/* ══ داخلَ مربّع الوصول السريع: الأرضُ بيضاءُ لا داكنة ══ */
.quicknav__find { padding: 0; margin-bottom: 6px; }
.quicknav__find .pf { padding: 0; }
.quicknav__find .pf__in {
    background: #f1f5f9; border-color: #cbd5e1; color: #0f172a;
}
.quicknav__find .pf__in::placeholder { color: #94a3b8; }
.quicknav__find .pf__ico { color: #64748b; }
.quicknav__find .pf__in::-webkit-search-cancel-button { filter: none; }
.quicknav__find .pf__list { inset-inline: 0; }

/* ولا تُطبع: هي أداةُ تنقّلٍ لا محتوى. */
@media print { .pf { display: none !important; } }
