/* search — gelişmiş arama, filtreler, sonuç/şehir/kategori ekranları, otomatik tamamlama (Wave 6 / Agent I).
   Yalnız tasarım belirteçleri (css/app.css :root) kullanılır → koyu mod değişkenlerle gelir; ek koyu mod düzeltmeleri en altta. */

/* ---------- arama çubuğu + otomatik tamamlama ---------- */
.sr-top{gap:8px}
.sr-bar{flex:1;min-width:0;height:44px;border-radius:22px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;padding:0 2px 0 14px;gap:8px;margin:0;position:relative}
.sr-bar:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}
.sr-bar>svg{flex-shrink:0;color:var(--muted)}
.sr-in{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:16px;font-weight:600;height:100%;color:var(--ink);padding:0}
.sr-in::-webkit-search-cancel-button{display:none}
.sr-x{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}
.sr-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--brand-d);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--bg)}
.dk-search{position:relative}
.sr-pop{position:absolute;left:-1px;right:-1px;top:calc(100% + 8px);z-index:45;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);max-height:min(70vh,520px);overflow:auto;padding:6px;color:var(--ink);text-align:left}
.sr-pop .sr-sug{border:0;padding:0;margin:0;background:transparent}
.sr-sug{list-style:none;margin:12px 0 0;padding:4px 8px}
.sr-opt{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:600}
.sr-sug .sr-opt+.sr-opt{margin-top:1px}
.sr-opt.on,.sr-opt:hover{background:var(--soft)}
.sr-opt .t{font-weight:500}
.sr-opt .t b{font-weight:800;color:var(--ink)}
.sr-opt .v{margin-left:auto;font-size:.8125rem;color:var(--muted);font-weight:700;white-space:nowrap}
.sr-sug-wait{margin:8px 12px}
.sr-li-ic{width:36px;height:36px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted);overflow:hidden}
.sr-li-ph img{width:100%;height:100%;object-fit:cover}
.sr-sec{margin:20px 4px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sr-sec h2{font-size:18px}
.sr-sec .link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.sr-rec{display:flex;align-items:center;border-bottom:1px solid var(--line2)}
.sr-rec:last-child{border-bottom:0}
.sr-rec .li{border:0;flex:1;min-width:0;font-weight:600}
.sr-del{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}

/* ---------- sonuç ekranı ---------- */
.sr-main{min-width:0}
.sr-h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}   /* mobilde arama kutusu başlığı gösterir; masaüstünde görünür */
.sr-quick{margin-top:2px}
.sr-fbtn{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.sr-catrow,.sr-act{margin-top:10px}
.sr-n{font-weight:700;font-size:.75rem;color:var(--muted);margin-left:2px}
.chip.on .sr-n,.sr-cat.on .sr-n{color:inherit;opacity:.75}
.sr-zero{opacity:.5}
.sr-meta{display:flex;align-items:center;gap:8px;margin:12px 0}
.sr-count{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-sortl{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--muted);position:relative}
.sr-sortl:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}
.sr-sort{border:0;background:transparent;font:inherit;font-size:.8125rem;font-weight:800;color:var(--ink);height:38px;outline:none;max-width:32vw;cursor:pointer;appearance:auto}
.sr-quick{margin-top:6px}
.sr-view{padding:3px;border-radius:12px;gap:2px}
.sr-view button{width:40px;height:38px;flex:none;display:flex;align-items:center;justify-content:center}
.sr-list{display:flex;flex-direction:column;gap:10px}
.sr-fab{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;z-index:25;height:48px;padding:0 20px;border-radius:24px;background:var(--ink);color:var(--bg);font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow);white-space:nowrap}
.sr-fab.on{background:var(--sea);color:#fff}
.sr-hs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding:2px 16px;margin:0 -16px}
.sr-hs::-webkit-scrollbar{display:none}
.sr-hs .lcard{width:168px;flex-shrink:0}
.sr-dym{margin:4px 2px 12px;font-size:15px;font-weight:600}
.sr-dym a,.sr-note-box a{font-weight:800;color:var(--brand-dd);text-decoration:underline;text-underline-offset:3px}
.sr-dym a{font-style:italic}
.sr-note-box{display:flex;gap:10px;align-items:flex-start;margin:10px 0 4px;padding:12px 14px;border-radius:16px;background:var(--sun-l);color:var(--sun-t)}
.sr-note-box p{margin:0;font-size:.875rem;font-weight:600;line-height:1.5}
.sr-note-box b{font-weight:800}
.sr-note-box svg{flex-shrink:0;margin-top:2px}
.sr-relax{margin-top:4px}
.sr-relax .li{font-weight:700}
.sr-relax-b{justify-content:center;flex-wrap:wrap;gap:8px}
.sr-h2{font-size:1rem;font-weight:800;margin:18px 2px 8px}
.pg-load{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font-size:14px;font-weight:700;color:var(--muted)}
.pg-spin{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--brand-d);animation:pg-rot .8s linear infinite;flex-shrink:0}
@keyframes pg-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pg-spin{animation-duration:2.4s}}
.pg-off{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:10px;border-radius:14px;background:var(--soft);font-size:13px;font-weight:700;line-height:1.35}
.pg-off .btn{flex-shrink:0}
.pg-end{text-align:center;font-size:13px;font-weight:700;color:var(--muted);padding:16px 0 4px}

/* ---------- açılışlar: kategori başlığı, şehir sayfası ---------- */
.sr-hero{padding:22px 18px 18px;border-radius:24px;position:relative;overflow:hidden;margin:4px 0 12px}
.sr-hero-ic{position:absolute;right:-22px;bottom:-30px;opacity:.16;pointer-events:none}
.sr-hero h1{font-size:34px;line-height:1.05;position:relative}
.sr-hero p{margin:6px 0 12px;position:relative}
.sr-hero .chips{position:relative;margin:0 -18px;padding:2px 18px}
.sr-hero .chip{background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--ink);border-color:transparent}
.sr-city{margin:4px 0 6px}
.sr-city-t{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:var(--sea-l);color:var(--sea-t)}
.sr-city-t h1{font-size:30px;line-height:1.1}
.sr-city-t p{margin:4px 0 0;color:inherit;opacity:.9}
.sr-city-ic{width:52px;height:52px;border-radius:18px;background:var(--card);color:var(--sea-t);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sr-today{color:var(--brand-dd)}
.sr-pcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sr-pcat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line2);min-height:56px}
.sr-pcat .grow{display:flex;flex-direction:column}

/* ---------- filtre formu (yan panel + tam ekran sayfa) ---------- */
.sr-fsec{padding:14px 0;border-bottom:1px solid var(--line2)}
.sr-fsec:last-child{border-bottom:0}
.sr-fsec h3{font-size:15px;font-weight:800;margin:0 0 10px}
.sr-fsec h4{font-size:13px;font-weight:800;color:var(--muted);margin:14px 0 8px;letter-spacing:.01em}
.sr-cf-f{margin-top:12px}
.sr-cf-f:first-of-type{margin-top:0}
.sr-cf-f h4{margin-top:0}
.sr-cf-num{display:flex;flex-direction:row;align-items:center;gap:8px;max-width:60%}
.sr-cf-num .inp{flex:1;min-width:0}
.sr-price{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end;margin-top:10px}
.sr-cf-f .sr-price{margin-top:0}
.sr-dash{padding-bottom:16px}
.sr-note{margin:8px 2px 0}
.sr-srow{display:flex;align-items:center;gap:12px;min-height:56px;width:100%;text-align:left}
.sr-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.sr-cat{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:12px;text-align:left;font-size:.875rem;font-weight:700;width:100%;border:1px solid var(--line2);background:var(--card)}
.sr-cat:first-child{grid-column:1/-1}
.sr-cat.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.sr-cat-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sr-cat .grow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-more{border-style:dashed}
.sr-rest{display:contents}
.sr-rest.hide{display:none!important}
/* mobil tam ekran filtre sayfası */
.overlay.sr-full{align-items:stretch}
.overlay.sr-full .sheet{max-width:none;max-height:none;height:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(6px + env(safe-area-inset-top)) 20px 0}
.overlay.sr-full .grip{display:none}
.sr-fhead{display:flex;align-items:center;gap:8px;min-height:52px;flex-shrink:0;border-bottom:1px solid var(--line2);margin:0 -20px;padding:0 12px}
.sr-fhead h2{font-size:20px}
.sr-fhead .link{min-height:44px;padding:0 8px}
.sr-fbody{flex:1;overflow:auto;overscroll-behavior:contain;margin:0 -20px;padding:0 20px}
.sr-foot{flex-shrink:0;margin:0 -20px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line2)}

/* ---------- kayıtlı aramalar ---------- */
.sr-sv{padding:14px;display:flex;flex-direction:column;gap:12px}
.sr-sv-main{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:44px}
.sr-sv .seg button{height:36px;font-size:13px}
.sr-sv.off .seg{opacity:.45;pointer-events:none}

/* ---------- masaüstü (≥1024px): solda yapışkan filtre paneli, sağda sonuçlar ---------- */
.sr-side{display:none}
html.dk .sr-wrap{display:grid;grid-template-columns:clamp(280px,20vw,340px) minmax(0,1fr);gap:clamp(20px,2vw,32px);align-items:start}
html.dk .sr-side{display:block;position:sticky;top:calc(var(--dk-top,64px) + 12px);max-height:calc(100dvh - var(--dk-top,64px) - 24px);overflow:auto;overscroll-behavior:contain;
  background:var(--card);border:1px solid var(--line2);border-radius:20px;padding:6px 18px 12px;margin-top:12px;scrollbar-width:thin}
html.dk .sr-side-h{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--line2);position:sticky;top:-6px;background:var(--card);z-index:1;margin:-6px -18px 0;padding:6px 18px 0}
html.dk .sr-side-h h2{font-size:18px}
html.dk .sr-side-h .link{min-height:40px;display:inline-flex;align-items:center}
html.dk .sr-side .sr-cats{grid-template-columns:1fr;gap:2px}
html.dk .sr-side .sr-cat{border:0;min-height:40px;background:transparent}
html.dk .sr-side .sr-cat:hover{background:var(--soft)}
html.dk .sr-side .sr-cat.on{background:var(--ink)}
html.dk .sr-side .sr-cat-ic{width:28px;height:28px}
html.dk .sr-side .sr-price{grid-template-columns:1fr auto 1fr}
html.dk .sr-side .inp{min-height:44px}
html.dk .sr-side .seg button{min-height:36px;font-size:.8125rem}
html.dk .sr-side .chip{min-height:34px;padding:0 12px}
html.dk .sr-main{padding:0}
html.dk .sr-fbtn,html.dk .sr-wrap .sr-quick .sr-fbtn{display:none}
html.dk .sr-top .sr-bar{max-width:720px}
html.dk .sr-h1{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:1.75rem;font-weight:800;margin:16px 2px 10px;overflow-wrap:anywhere}
html.dk .sr-main .sr-hero{margin:12px 0 16px;padding:28px 28px 22px;border-radius:28px}
html.dk .sr-main .sr-hero h1{font-size:40px}
html.dk .sr-hero .chips{margin:0;padding:2px 0}
html.dk .sr-city{margin-top:12px}
html.dk .sr-pcats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
html.dk .sr-sort{max-width:none}
html.dk .sr-hs{margin:0;padding:4px 0}
html.dk .sr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;align-items:start}
html.dk .sr-cf-num{max-width:none}
html.dk .sr-fab{bottom:32px}
html.dk .overlay.sr-full{align-items:center}
html.dk .overlay.sr-full .sheet{max-width:620px;height:86vh;border-radius:24px}

/* ---------- koyu mod ek düzeltmeleri ---------- */
[data-theme="dark"] .sr-fbtn{background:var(--ink);color:var(--bg)}
[data-theme="dark"] .sr-hero .chip{background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--ink)}
[data-theme="dark"] .sr-city-ic{background:color-mix(in srgb,var(--card) 70%,transparent)}
[data-theme="dark"] .sr-pop{box-shadow:0 14px 40px rgba(0,0,0,.5)}

/* masaüstünde üst gezinme çubuğunda zaten arama kutusu var: sonuç/kategori ekranının kendi arama satırı gizlenir */
html.dk[data-dkp="results"] .sr-top,html.dk[data-dkp="category"] .sr-top{display:none}