/* ===== Khanjar global search ===== */
.nav-search-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 12px; border:1px solid var(--border-color); border-radius:10px; background:var(--user-card-bg); color:var(--text-main); font-size:.86rem; font-weight:800; text-decoration:none; white-space:nowrap; transition:transform .2s ease, border-color .2s ease, color .2s ease; }
.nav-search-link:hover { transform:translateY(-1px); border-color:var(--primary); color:var(--primary); }
.nav-search-link i { color:var(--accent); }
.search-page { min-height:70vh; background:var(--bg-body); }
.search-hero { padding:72px 20px 92px; background:var(--theme-gradient); background-size:400% 400%; animation:headerGradientMove 7s ease-in-out infinite; color:var(--theme-contrast); text-align:center; }
.search-hero h1 { margin:0 auto 14px; color:var(--theme-contrast); font-size:clamp(2rem,5vw,3.2rem); }
.search-hero p { max-width:720px; margin:0 auto 28px; color:color-mix(in srgb,var(--theme-contrast) 78%,transparent); line-height:2; }
.global-search-form { display:flex; width:min(100%,720px); margin:0 auto; gap:10px; padding:8px; border:1px solid color-mix(in srgb,var(--theme-contrast) 22%,transparent); border-radius:18px; background:color-mix(in srgb,var(--theme-contrast) 8%,transparent); backdrop-filter:blur(12px); }
.global-search-form input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--theme-contrast); font:inherit; padding:12px 14px; }
.global-search-form input::placeholder { color:color-mix(in srgb,var(--theme-contrast) 65%,transparent); }
.global-search-form button { display:inline-flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:12px; padding:11px 20px; background:var(--theme-ink-mid); color:var(--theme-contrast); font:inherit; font-weight:800; }
.search-content { width:min(100% - 32px,1080px); margin:-36px auto 64px; position:relative; z-index:2; }
.search-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:20px 24px; border:1px solid var(--border-color); border-radius:20px; background:var(--card-bg); box-shadow:var(--shadow); }
.search-toolbar strong { color:var(--primary); }
.search-filters { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.search-filter { border:1px solid var(--border-color); border-radius:999px; padding:7px 12px; background:var(--user-card-bg); color:var(--text-light); font:inherit; font-size:.84rem; cursor:pointer; }
.search-filter.is-active, .search-filter:hover { border-color:var(--primary); background:var(--primary); color:var(--bg-body); }
.search-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr)); gap:16px; margin-top:18px; }
.search-result-card { display:flex; flex-direction:column; min-height:190px; padding:22px; border:1px solid var(--border-color); border-radius:19px; background:var(--card-bg); box-shadow:var(--shadow); text-decoration:none; text-align:center; transition:transform .2s ease,border-color .2s ease; }
.search-result-card:hover { transform:translateY(-4px); border-color:var(--primary); }
.search-result-type { display:inline-flex; align-self:center; padding:5px 10px; border-radius:999px; background:color-mix(in srgb,var(--primary) 9%,var(--card-bg)); color:var(--accent); font-size:.75rem; font-weight:800; }
.search-result-card h2 { margin:12px 0 7px; color:var(--primary); font-size:1.2rem; }
.search-result-subtitle { margin:0 0 8px; color:var(--accent); font-size:.85rem; font-weight:700; }
.search-result-description { margin:0; color:var(--text-light); line-height:1.9; }
.search-result-arrow { margin-top:auto; padding-top:16px; color:var(--primary); font-weight:800; }
.search-empty { padding:60px 20px; border:1px dashed var(--border-color); border-radius:20px; margin-top:18px; background:var(--card-bg); color:var(--text-light); text-align:center; }
.search-empty i { color:var(--accent); font-size:2rem; }
.search-empty h2 { color:var(--primary); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) { .global-search-form { flex-direction:column; padding:10px; } .global-search-form button { width:100%; } .search-toolbar { align-items:stretch; flex-direction:column; text-align:center; } .search-results { grid-template-columns:1fr; } .nav-search-link span { display:none; } .nav-search-link { width:36px; padding:7px; } }


/* ===== تحسين هادئ لواجهة البحث ===== */
.search-hero { position: relative; overflow: hidden; }
.search-hero::before,
.search-hero::after {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    pointer-events: none;
}
.search-hero::before { top: -150px; right: -70px; }
.search-hero::after { bottom: -180px; left: -80px; }
.search-hero > * { position: relative; z-index: 1; }
.search-hero h1 { letter-spacing: -.03em; }
.global-search-form {
    position: relative;
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.global-search-form:focus-within {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .70);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .24);
}
.global-search-form input { min-height: 46px; }
.global-search-form button {
    min-width: 96px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .16);
    transition: transform .18s ease, background .18s ease;
}
.global-search-form button:hover { transform: translateY(-1px); }
.search-content { width: min(100% - 28px, 1080px); }
.search-toolbar { justify-content: center; text-align: center; }
.search-toolbar strong { width: 100%; font-size: .98rem; }
.search-filters { width: 100%; }
.search-filter { transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.search-filter:hover { transform: translateY(-1px); }
.search-result-card { min-height: 214px; }
.search-result-card:focus-visible,
.search-filter:focus-visible,
.global-search-form button:focus-visible { outline: 3px solid color-mix(in srgb, var(--primary) 35%, transparent); outline-offset: 3px; }
@media (max-width:700px) {
    .search-hero { padding: 56px 16px 72px; }
    .search-hero p { line-height: 1.8; }
    .search-content { width: calc(100% - 24px); margin-top: -26px; }
    .search-toolbar { padding: 17px 14px; }
    .search-filter { flex: 1 1 calc(50% - 7px); min-height: 40px; }
}