/* arama.css — arama çubuğu + sonuç sayfası (KARARLAR 60 EK 8, 22 Eki 2026). Renk yalnız tema değişkeninden. */
/* EK 20 ⑤⑥ (Okan 22 Eki 18:3x "rezerve et butonu mavi olsun fiyatın altına gelsin", "üye oteli kalın
   mavi çerçeve içine al"): TEK mavi token. hsl ≈ 216° · %72 · %43 → beyaz metin kontrastı ≥ 4,5:1. */
:root{--uye-mavi:#1f5fbf}
.arama-bant{padding:1rem 1rem .5rem;max-width:72rem;margin:0 auto}
.arama-bant h1{font-size:clamp(1.3rem,1rem + 1.4vw,1.9rem);margin:0 0 .75rem}
.arama{position:relative;display:grid;grid-template-columns:minmax(12rem,2fr) minmax(13rem,1.4fr) minmax(10rem,1fr) minmax(6.5rem,.7fr) auto;gap:.5rem;align-items:end;background:var(--renk-arka,#fff);border:1px solid var(--renk-kenar);border-radius:.6rem;padding:.6rem;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.arama-alan{position:relative;display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;font-weight:600;color:var(--renk-ikincil);min-width:0}
.arama-alan input,.arama-alan select,.arama-acici{font:inherit;font-size:1rem;font-weight:400;color:var(--renk-yazi);background:var(--renk-arka,#fff);padding:.55rem .6rem;border:1px solid var(--renk-kenar,#cbd2d9);border-radius:.4rem;min-width:0;width:100%}
.arama-acici{text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arama-acici[aria-expanded="true"]{border-color:#2c5d63;box-shadow:0 0 0 1px #2c5d63}
.arama>button[type="submit"]{font-size:1rem;font-weight:700;padding:.65rem 1.4rem;border:0;border-radius:.4rem;background:#2c5d63;color:#fff;cursor:pointer;height:2.75rem}
.arama :focus-visible{outline:3px solid #f3b878;outline-offset:2px}
.arama-durum{margin:.4rem 0 0;font-size:.875rem;color:var(--renk-ikincil)}
.arama-durum:empty{display:none}
/* EK 18 ④: tek takvim + misafir paneli (arama.js çizer) */
.arama-panel{position:absolute;z-index:40;top:calc(100% + .35rem);left:0;background:var(--renk-arka,#fff);color:var(--renk-yazi);border:1px solid var(--renk-kenar);border-radius:.6rem;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:.75rem;font-size:.9rem;font-weight:400}
.arama-panel[hidden]{display:none}
.takvim{width:min(38rem,calc(100vw - 2rem))}
.takvim-ust{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}
.takvim-ozet{margin:0;font-weight:700;text-align:center}
.takvim-nav{font:inherit;font-size:1.1rem;line-height:1;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--renk-kenar);border-radius:.4rem;background:var(--renk-arka,#fff);color:var(--renk-yazi);cursor:pointer}
.takvim-nav:disabled{opacity:.35;cursor:default}
.takvim-aylar{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.takvim-ay h3{font-size:.95rem;text-align:center;margin:0 0 .4rem;text-transform:capitalize}
.takvim-izgara{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0;text-align:center}
.takvim-hg{font-size:.72rem;color:var(--renk-ikincil);padding:.2rem 0}
.takvim-gun{font:inherit;font-size:.9rem;height:2.4rem;padding:0;border:0;border-radius:.4rem;background:transparent;color:var(--renk-yazi);cursor:pointer}
.takvim-gun:hover:not(:disabled){background:#e3eef0}
.takvim-gun:disabled{color:#b8c0c8;cursor:default;text-decoration:line-through}
.takvim-gun.ara{background:#d8e7e9;border-radius:0}
.takvim-gun.bas,.takvim-gun.son{background:#2c5d63;color:#fff;font-weight:700}
.misafir{width:min(20rem,calc(100vw - 2rem))}
.misafir-satir{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0}
.misafir-ad{display:flex;flex-direction:column;font-weight:600}
.misafir-ad small{font-weight:400;font-size:.75rem;color:var(--renk-ikincil)}
.misafir-sayac{display:flex;align-items:center;gap:.5rem}
.misafir-sayac output{min-width:1.5rem;text-align:center;font-weight:700}
.misafir-dugme{font:inherit;font-size:1.15rem;line-height:1;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--renk-kenar);border-radius:50%;background:var(--renk-arka,#fff);color:var(--renk-vurgu,#2c5d63);cursor:pointer}
.misafir-dugme:disabled{opacity:.35;cursor:default}
.misafir-yas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .6rem;margin:.3rem 0}
.misafir-yas label{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem}
.misafir-yas select{font:inherit;font-size:.95rem;padding:.35rem;border:1px solid var(--renk-kenar);border-radius:.35rem;background:var(--renk-arka,#fff);color:var(--renk-yazi)}
.arama-panel-tamam{font:inherit;font-weight:700;width:100%;margin-top:.5rem;padding:.55rem;border:0;border-radius:.4rem;background:#2c5d63;color:#fff;cursor:pointer}
@media (max-width:56rem){
  .arama{grid-template-columns:1fr 1fr}
  .arama-q,.arama-tarih,.arama>button[type="submit"]{grid-column:1/-1}
  .takvim{left:0;right:0;width:auto}
  .takvim-aylar{grid-template-columns:minmax(0,1fr)}
  .takvim-ay+.takvim-ay{display:none}
}
/* Açılış: harita bir bölüm (≤ görünür ekranın %50'si), sayfa normal kayar */
.acilis-harita{position:relative;max-width:72rem;margin:.75rem auto 0;padding:0 1rem}
body.rehber-b2c .acilis-harita .rehber-harita{position:relative;width:100%;height:min(50vh,30rem);min-height:16rem;max-height:none;margin:0;border:1px solid var(--renk-kenar);border-radius:.6rem;overflow:hidden}
.populer{max-width:72rem;margin:1.25rem auto 1.5rem;padding:0 1rem}
.populer h2{font-size:1.15rem;margin:0 0 .6rem}
.populer-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.35rem 1rem}
.populer-liste a{color:var(--renk-vurgu,#2c5d63)}
.populer details{margin-top:.75rem}
.populer summary{cursor:pointer;font-weight:600}
/* En iyi zamanı keşfedin (§12 ②): şehir başına 12 aylık medyan çubuğu; yükseklik sınıftan (zb-1…zb-10) */
.zaman{max-width:72rem;margin:0 auto 2rem;padding:0 1rem}
.zaman h2{font-size:1.15rem;margin:0 0 .3rem}
.zaman-not{margin:0 0 .8rem;font-size:.8rem;color:var(--renk-ikincil)}
.zaman-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.75rem}
.zaman-kart{border:1px solid var(--renk-kenar);border-radius:.6rem;padding:.75rem .85rem;background:var(--renk-arka,#fff)}
.zaman-kart h3{font-size:1rem;margin:0}
.zaman-kart h3 a{color:var(--renk-vurgu,#2c5d63)}
.zaman-ozet{margin:.15rem 0 .5rem;font-size:.85rem}
.zaman-cubuk{list-style:none;margin:0;padding:1rem 0 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.2rem;align-items:end;height:5.5rem}
.zaman-cubuk li{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;font-size:.62rem;color:var(--renk-ikincil)}
.zaman-cubuk li::before{content:"";display:block;width:100%;border-radius:.2rem .2rem 0 0;background:#9fb8bb}
.zaman-cubuk li.en-uygun::before{background:#2c5d63}
.zaman-cubuk .zaman-tl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zaman-cubuk .en-uygun .zaman-tl{position:absolute;top:-1rem;width:auto;height:auto;clip:auto;font-weight:700;color:var(--renk-yazi)}
.zaman-ay{margin-top:.15rem}
.zb-1::before{height:10%}.zb-2::before{height:20%}.zb-3::before{height:30%}.zb-4::before{height:40%}.zb-5::before{height:50%}
.zb-6::before{height:60%}.zb-7::before{height:70%}.zb-8::before{height:80%}.zb-9::before{height:90%}.zb-10::before{height:100%}
/* Sonuç: liste birincil, harita yanında; 375'te Liste | Harita sekmesi */
.sonuc{max-width:80rem;margin:0 auto;padding:0 1rem 1.5rem}
.sonuc-ust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.75rem 0}
.sonuc-ust h1{font-size:1.3rem;margin:0}
.sonuc-sayac{margin:0;color:var(--renk-ikincil);font-size:.9rem}
.sonuc-suzgec{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.875rem;margin-left:auto}
.sonuc-suzgec select{font:inherit;padding:.3rem .4rem;border:1px solid var(--renk-kenar);border-radius:.35rem;background:var(--renk-arka,#fff);color:var(--renk-yazi)}
.sonuc-sekme{display:none;gap:0;border:1px solid var(--renk-kenar);border-radius:.4rem;overflow:hidden}
.sonuc-sekme button{font:inherit;font-weight:600;padding:.45rem 1.2rem;border:0;background:var(--renk-arka,#fff);color:var(--renk-yazi);cursor:pointer}
.sonuc-sekme button[aria-pressed="true"]{background:#2c5d63;color:#fff}
.sonuc-govde{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:start}
.sonuc-liste{display:flex;flex-direction:column;gap:.75rem;min-width:0}
.sonuc-harita-kap{position:sticky;top:.75rem}
.sonuc-harita{height:calc(100vh - 1.5rem);height:calc(100dvh - 1.5rem);border:1px solid var(--renk-kenar);border-radius:.6rem;overflow:hidden;background:#e9edf0}
.sonuc-kart{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bas fiyat" "yer fiyat" "nit uyg" "ac ac" "ol ol" "dug dug" "sah sah";gap:.2rem 1rem;padding:.85rem 1rem;border:1px solid var(--renk-kenar);border-radius:.6rem;background:var(--renk-arka,#fff);overflow-wrap:anywhere;transition:box-shadow .2s}
/* EK 20 ④: rozetler (üye sarı · sahiplenen açık yeşil) kartın SAĞ ÜST köşesinde → kart göreli. */
.sonuc-kart{position:relative}
/* EK 19 ③: üye kart görünür biçimde büyük ve dolu; foto solda (≤160 px), açıklama 2 satır */
/* EK 20 ⑥: sarı inset gölge KALDIRILDI — yerini kalın mavi çerçeve alır. */
.sonuc-kart.uye{border:3px solid var(--uye-mavi);padding:1.1rem 1.2rem;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.sonuc-kart.uye .sonuc-kart-bas{padding-right:7rem}
.sonuc-kart.uye .sonuc-fiyat{padding-top:1.1rem}
/* Sahiplenen rozeti de aynı köşede ("SAHİBİ DOĞRULANDI" daha uzun): ad ve fiyat rozetin altında kalmaz. */
.sonuc-kart.sahiplenen .sonuc-kart-bas{padding-right:10.5rem}
.sonuc-kart.sahiplenen .sonuc-fiyat{padding-top:1.1rem}
.sonuc-kart.uye .sonuc-ad{font-size:1.25rem}
.sonuc-kart.uye .sonuc-fiyat strong{font-size:1.45rem}
.sonuc-kart.fotolu{grid-template-columns:minmax(0,10rem) minmax(0,1fr);grid-template-areas:"foto bas" "foto yer" "foto nit" "foto ac" "foto fiyat" "foto uyg" "ol ol" "dug dug" "sah sah"}
.sonuc-kart.fotolu .sonuc-fiyat,.sonuc-kart.fotolu .sonuc-uygunluk{text-align:left;max-width:none}
.sonuc-foto{grid-area:foto;width:100%;max-width:160px;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:.45rem;align-self:start}
.sonuc-aciklama{grid-area:ac;margin:.25rem 0 0;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sonuc-oda{display:block;font-size:.78rem;color:var(--renk-ikincil);margin-bottom:.1rem}
.sonuc-kart.sahiplenen{border-color:#52b788;box-shadow:inset 3px 0 0 #52b788}
.sonuc-kart.vurgu{box-shadow:0 0 0 3px #f3b878}
.sonuc-kart-bas{grid-area:bas;display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:baseline}
.sonuc-ad{font-size:1.05rem;margin:0}
.sonuc-etiket{position:absolute;top:.6rem;right:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1f2933;background:#f5c518;border-radius:.25rem;padding:.1rem .35rem}
.sonuc-etiket.sahiplenen{color:#1b4332;background:#b7e4c7}
.sonuc-logo{max-height:40px;max-width:8rem;width:auto;height:auto;object-fit:contain;align-self:center}
.sonuc-toplam{display:block;font-size:.8rem;color:var(--renk-ikincil)}
.sonuc-yer{grid-area:yer;margin:0;font-size:.85rem;color:var(--renk-ikincil)}
.sonuc-nitelik{grid-area:nit;margin:0;display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.875rem}
.sonuc-yildiz{color:#b8551a;letter-spacing:.05em}
.sonuc-puan{font-weight:600}
.sonuc-fiyat{grid-area:fiyat;text-align:right;max-width:13rem}
.sonuc-fiyat strong{font-size:1.2rem}
.sonuc-fiyat span{font-size:.8rem;color:var(--renk-ikincil)}
.sonuc-fiyat small{display:block;font-size:.72rem;color:var(--renk-ikincil);line-height:1.3;margin-top:.15rem}
/* EK 20 ①: "Tarih seçin: anlık fiyat ve uygunluk" fiyat bloğunun altında ve KÜÇÜK (≤ .8125rem). */
.sonuc-uygunluk{grid-area:uyg;margin:0;text-align:right;font-size:.8125rem;color:var(--renk-ikincil);max-width:13rem}
.sonuc-uygunluk.musait{color:#1d7a46;font-weight:700}
.sonuc-uygunluk.dolu{color:#a33;font-weight:700}
.sonuc-dugmeler{grid-area:dug;margin:.35rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}
.sonuc-dugmeler .sonuc-dugme{display:inline-block;padding:.45rem .9rem;border-radius:.4rem;background:#2c5d63;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}
.sonuc-dugmeler .sonuc-dugme.ikincil{background:transparent;color:var(--renk-vurgu,#2c5d63);border:1px solid currentColor}
/* EK 20 ⑤: üye kartta "Rezerve et" birincil ve MAVİ — fiyatın hemen altında, sağ sütunda
   (`sonuc-fiyat` `grid-area:fiyat` = sağ sütun; `text-align:right` ile sağa hizalı).
   Sahiplenen/sahipsiz kartın düğmeleri DEĞİŞMEZ (bu kural yalnız `.uye`). */
.sonuc-kart.uye .sonuc-fiyat .sonuc-dugme{display:inline-block;margin-top:.55rem;padding:.45rem .9rem;border-radius:.4rem;background:var(--uye-mavi);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}
.sonuc-sahiplen{font-size:.8rem;color:var(--renk-ikincil)}
/* EK 10 ①: olanak simgeleri · doğrudan rozeti · sahiplen satırı · çipler */
.sonuc-olanak{grid-area:ol;list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem .5rem;font-size:.78rem}
.sonuc-olanak li{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border:1px solid var(--renk-kenar);border-radius:1rem;color:var(--renk-yazi)}
.sonuc-olanak li::before{font-size:.85rem;line-height:1}
.sonuc-olanak [data-olanak="kahvalti"]::before{content:"☕"}
.sonuc-olanak [data-olanak="otopark"]::before{content:"🅿️"}
.sonuc-olanak [data-olanak="havuz"]::before{content:"🏊"}
.sonuc-olanak [data-olanak="plaj"]::before{content:"🏖️"}
.sonuc-olanak [data-olanak="wifi"]::before{content:"📶"}
.sonuc-dogrudan{font-size:.75rem;font-weight:600;color:#1d7a46;border:1px solid currentColor;border-radius:.25rem;padding:.05rem .35rem}
.sonuc-sahiplen-satir{grid-area:sah;margin:.3rem 0 0;padding-top:.35rem;border-top:1px dashed var(--renk-kenar)}
.sonuc-olanak-suz{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center;border:0;margin:0;padding:0}
.sonuc-olanak-suz legend{float:left;margin-right:.3rem;padding:0}
.sonuc-cip{white-space:nowrap}
.sonuc-daha{font:inherit;font-weight:600;padding:.65rem;border:1px solid var(--renk-kenar);border-radius:.5rem;background:var(--renk-arka,#fff);color:var(--renk-vurgu,#2c5d63);cursor:pointer}
@media (max-width:56rem){
  .sonuc-sekme{display:inline-flex}
  .sonuc-suzgec{margin-left:0}
  .sonuc-govde{grid-template-columns:minmax(0,1fr)}
  .sonuc[data-gorunum="liste"] .sonuc-harita-kap{display:none}
  .sonuc[data-gorunum="harita"] .sonuc-liste{display:none}
  .sonuc-harita{height:calc(100dvh - 9rem)}
  .sonuc-kart{grid-template-columns:minmax(0,1fr);grid-template-areas:"bas" "yer" "nit" "ac" "ol" "fiyat" "uyg" "dug" "sah"}
  .sonuc-kart.fotolu{grid-template-columns:minmax(0,1fr);grid-template-areas:"foto" "bas" "yer" "nit" "ac" "ol" "fiyat" "uyg" "dug" "sah"}
  .sonuc-foto{max-width:none;aspect-ratio:16/9}
  .sonuc-fiyat,.sonuc-uygunluk{text-align:left;max-width:none}
}
/* EK 19 ①: kart fotoğrafı artık düğme (büyük galeriyi açar) — `.sonuc-foto` kuralları olduğu gibi durur. */
button.sonuc-foto{padding:0;border:0;background:none;cursor:zoom-in}
/* EK 19 ① büyük galeri: tam ekran · sahne · ok/kapat düğmeleri (≥44×44, odak halkası) · sekmeler. */
.galeri{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto auto 1fr;align-items:center;justify-items:center;gap:.25rem;padding:.5rem}
.galeri-sahne{grid-area:2/1/3/4;justify-self:stretch;align-self:center;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.galeri-sahne img,.galeri-sahne iframe{max-width:100%;max-height:calc(100dvh - 8rem);width:auto;object-fit:contain;border:0}
.galeri-sahne iframe{aspect-ratio:16/9;width:min(100%,960px)}
.galeri-onceki,.galeri-sonraki,.galeri-kapat,.galeri-sekme{min-width:44px;min-height:44px;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.5);border-radius:.5rem;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:1.15rem;line-height:1;cursor:pointer}
.galeri-onceki{grid-area:1/1/2/2}
.galeri-sonraki{grid-area:1/2/2/3}
.galeri-kapat{grid-area:1/3/2/4;justify-self:end}
.galeri-sekmeler{grid-area:3/1/4/4;display:flex;gap:.4rem;overflow-x:auto;max-width:100%;min-width:0;justify-content:safe center;padding:.25rem 0}
.galeri-sekme[aria-current="true"]{background:#fff;color:#111;border-color:#fff;font-weight:700}
.galeri :focus-visible{outline:3px solid #ffd166;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.galeri{transition:background-color .15s}}