/* assets/css/search.css — صفحة البحث /search (27/10/2026) */
.sr-page{padding:18px 0 40px;--sr-brand:var(--wk-brand,#9e1d6e);--sr-ink:var(--wk-ink,#111827);--sr-mute:var(--wk-mute,#6b7280);--sr-card:var(--wk-card,#fff);--sr-line:#ece7ea}
.sr-h1{font-size:1.25rem;font-weight:800;color:var(--sr-ink);margin:0 0 12px;line-height:1.5;overflow-wrap:anywhere}
.sr-muted{color:var(--sr-mute);font-size:.85rem}

/* خانة البحث */
.sr-box{display:flex;align-items:center;gap:8px;background:var(--sr-card);border:1.5px solid var(--sr-line);border-radius:16px;padding:6px 6px 6px 6px;box-shadow:0 2px 10px rgba(16,24,40,.05);margin-bottom:18px}
.sr-box:focus-within{border-color:var(--sr-brand);box-shadow:0 0 0 3px rgba(158,29,110,.12)}
.sr-box-icon{color:var(--sr-brand);font-size:1.15rem;padding-inline-start:10px}
.sr-box-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem;padding:10px 4px;color:var(--sr-ink)}
.sr-box-input::-webkit-search-cancel-button{cursor:pointer}
.sr-box-btn{flex:0 0 auto;border:0;background:var(--sr-brand);color:#fff;font-weight:700;border-radius:12px;padding:10px 22px;font-size:.95rem;cursor:pointer}
.sr-box-btn:hover{filter:brightness(1.08)}

/* عناوين الأقسام */
.sr-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}
.sr-sec-head h2{font-size:1.05rem;font-weight:800;margin:0;color:var(--sr-ink);display:flex;align-items:center;gap:8px}
.sr-sec-head h2 .fa{color:var(--sr-brand)}
.sr-link-btn{background:none;border:0;padding:0;color:var(--sr-brand);font-weight:700;font-size:.85rem;text-decoration:none;cursor:pointer}
.sr-link-btn:hover{text-decoration:underline;color:var(--sr-brand)}
.sr-dot{width:10px;height:10px;border-radius:50%;background:var(--g,#9A8FA0);display:inline-block}

/* سجل البحث */
.sr-history-list{display:flex;flex-wrap:wrap;gap:8px}
.sr-hchip{display:inline-flex;align-items:center;background:var(--sr-card);border:1px solid var(--sr-line);border-radius:99px;overflow:hidden}
.sr-hchip a{padding:6px 4px 6px 14px;color:var(--sr-ink);text-decoration:none;font-size:.88rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[dir=rtl] .sr-hchip a{padding:6px 14px 6px 4px}
.sr-hchip button{border:0;background:none;color:#9ca3af;padding:4px 10px;font-size:1rem;cursor:pointer;line-height:1}
.sr-hchip button:hover{color:#ef4444}

/* الأقسام قبل البحث */
.sr-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sr-cat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--sr-ink);min-height:62px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 0 1px rgba(16,24,40,.04)}
.sr-cat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.08);color:var(--sr-ink)}
.sr-cat img{width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.sr-cat-name{flex:1;min-width:0;font-weight:700;font-size:.9rem;line-height:1.35}
.sr-cat-n{flex:0 0 auto;font-size:.7rem;color:var(--sr-mute);background:rgba(255,255,255,.7);border-radius:99px;padding:1px 7px}

/* شريط النتائج */
.sr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sr-count{margin:0;color:var(--sr-mute);font-size:.92rem;overflow-wrap:anywhere}
.sr-count b{color:var(--sr-ink);font-size:1.05rem}
.sr-tools{display:flex;align-items:center;gap:8px}
.sr-pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--sr-line);background:var(--sr-card);color:var(--sr-ink);border-radius:99px;padding:7px 14px;font-weight:700;font-size:.86rem;cursor:pointer}
.sr-pill[aria-expanded=true]{border-color:var(--sr-brand);color:var(--sr-brand)}
.sr-pill-n{background:var(--sr-brand);color:#fff;border-radius:99px;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center}
.sr-sort{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--sr-line);background:var(--sr-card);border-radius:99px;padding:0 6px 0 12px}
[dir=rtl] .sr-sort{padding:0 12px 0 6px}
.sr-sort .fa{color:var(--sr-brand)}
.sr-sort select{border:0;background:transparent;font-weight:700;font-size:.86rem;padding:7px 2px;color:var(--sr-ink);outline:0;cursor:pointer;max-width:170px}

/* الفلاتر */
.sr-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--sr-card);border:1px solid var(--sr-line);border-radius:16px;padding:14px;margin-bottom:12px}
.sr-filters[hidden]{display:none}
.sr-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.sr-f label{font-size:.8rem;font-weight:700;color:var(--sr-mute)}
.sr-f select,.sr-f input[type=number]{width:100%;border:1.5px solid var(--sr-line);border-radius:10px;padding:8px 10px;font-size:.9rem;background:#fff;color:var(--sr-ink);min-width:0}
.sr-f select:focus,.sr-f input:focus{border-color:var(--sr-brand);outline:0}
.sr-f-row{display:flex;align-items:center;gap:6px}
.sr-f-check{flex-direction:row;align-items:center;gap:8px;cursor:pointer;align-self:end;padding-bottom:9px}
.sr-f-check input{width:18px;height:18px;accent-color:var(--sr-brand)}
.sr-f-check span{font-size:.9rem;font-weight:600;color:var(--sr-ink)}
.sr-f-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px}
.sr-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--sr-brand);color:#fff;font-weight:700;border-radius:12px;padding:10px 26px;font-size:.95rem;text-decoration:none;cursor:pointer}
.sr-btn:hover{color:#fff;filter:brightness(1.08)}

/* الفلاتر المفعّلة */
.sr-chips{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.sr-chip{display:inline-flex;align-items:center;gap:6px;background:#fdf1f8;color:var(--sr-brand);border-radius:99px;padding:5px 12px;font-size:.82rem;font-weight:700;text-decoration:none;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-chip:hover{background:#f9e0ef;color:var(--sr-brand)}

/* تابات الأقسام */
.sr-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.sr-tab{flex:0 0 auto;border:1.5px solid var(--sr-line);background:var(--sr-card);color:var(--sr-ink);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:700;text-decoration:none;white-space:nowrap}
.sr-tab span{color:var(--sr-mute);font-weight:600}
.sr-tab:hover{border-color:var(--sr-brand);color:var(--sr-brand)}
.sr-tab.active{background:var(--sr-brand);border-color:var(--sr-brand);color:#fff}
.sr-tab.active span{color:rgba(255,255,255,.85)}

/* عاملات النظافة (صف أفقي) */
.sr-cleaners{background:linear-gradient(180deg,#fdf1f8,transparent);border-radius:18px;padding:2px 12px 12px;margin:6px 0 16px}
.sr-cleaners .sr-sec-head{margin-top:12px}
.sr-cl-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,190px);gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}

/* شبكة الإعلانات */
.sr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-auto-flow:row dense}
.sr-grid .wk-vip{grid-column:span 2}

.sr-more-wrap{display:flex;justify-content:center;margin:22px 0 4px}
.sr-more{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--sr-brand);color:var(--sr-brand);background:var(--sr-card);border-radius:99px;padding:10px 30px;font-weight:700;text-decoration:none}
.sr-more:hover{background:#fdf1f8;color:var(--sr-brand)}
.sr-more.is-loading{opacity:.6;pointer-events:none}
.sr-more.is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:sr-spin .7s linear infinite}
@keyframes sr-spin{to{transform:rotate(360deg)}}
.sr-end{text-align:center;color:var(--sr-mute);font-size:.85rem;margin:18px 0 0}
.sr-end a{color:var(--sr-brand);font-weight:700}

/* لا توجد نتائج */
.sr-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.sr-empty>.fa{font-size:44px;color:#d9cdd5}
.sr-empty-t{font-size:1.05rem;font-weight:800;color:var(--sr-ink);margin:6px 0 0;overflow-wrap:anywhere}
.sr-empty p{margin:0}
.sr-empty .sr-btn{margin-top:10px}

@media(max-width:991px){
  .sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575px){
  .sr-page{padding-top:12px}
  .sr-h1{font-size:1.05rem}
  .sr-box{border-radius:14px}
  .sr-box-btn{padding:9px 14px}
  .sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sr-grid .wk-vip{grid-column:1/-1}
  .sr-filters{grid-template-columns:1fr}
  .sr-f-actions .sr-btn{flex:1}
  .sr-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sr-sort select{max-width:130px}
  .sr-cl-row{grid-auto-columns:minmax(150px,46%)}
}

/* الوضع الليلي */
body.dark-mode .sr-page{--sr-ink:#e5e7eb;--sr-mute:#9ca3af;--sr-card:#1f2430;--sr-line:#2f3545}
body.dark-mode .sr-f select,body.dark-mode .sr-f input[type=number]{background:#151922}
body.dark-mode .sr-chip{background:#3a2233}
body.dark-mode .sr-cleaners{background:linear-gradient(180deg,#2a1f28,transparent)}