/* rehber.css — üye rehberi şehir sayfası (KARARLAR 60, 21 Eki 2026). Yalnız /tr/oteller/<sehir>/ yükler. */
.rehber-harita{position:relative;height:62vh;min-height:320px;max-height:720px;width:calc(100vw - var(--kaydirma,0px));margin:1rem 0 0 calc(50% - 50vw + var(--kaydirma,0px) / 2);background:#e9edf0;border-top:1px solid var(--renk-kenar);border-bottom:1px solid var(--renk-kenar)}
/* Google zemini (EK 9, gzemin.js): rozet tıkında kart penceresi + tıklanabilir il etiketi */
.gz-pencere{position:absolute;z-index:5;transform:translate(-50%,-100%);background:#fff;border-radius:.5rem;box-shadow:0 4px 18px rgba(0,0,0,.25);padding:.6rem 2rem .6rem .8rem;cursor:auto}
.gz-pencere-kapat{position:absolute;top:.2rem;right:.3rem;border:0;background:none;font-size:1.25rem;line-height:1;padding:.2rem .35rem;cursor:pointer;color:#52606d}
.gz-pencere-kapat:focus-visible{outline:3px solid #f3b878;outline-offset:1px}
/* EK 20 ⑧: il adı artık düğme değil GERÇEK bağlantı (`a.il-adi`) → görünüm aynı, gezinme tarayıcıya. */
.il-adi{font:600 .8125rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1f2933;background:rgba(255,255,255,.92);border:1px solid #52606d;border-radius:999px;padding:.25rem .5rem;cursor:pointer;white-space:nowrap;text-decoration:none}
.il-adi:hover{background:#fff;border-color:#1f2933;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.il-adi:focus-visible{outline:3px solid #f3b878;outline-offset:2px}
.rehber-rozet{font:600 .875rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;background:var(--renk-vurgu,#2c5d63);border:2px solid #fff;border-radius:999px;padding:.4rem .65rem;box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;white-space:nowrap}
.rehber-rozet.uye-degil{background:#fff;color:#1f2933;border-color:#52606d}
/* EK 14 (Okan 22 Eki 12:5x): paketli üye SARI · sahiplenen (otelin güncellediği bilgi) AÇIK YEŞİL */
.rehber-rozet.paketli{background:#f5c518;color:#1f2933}
.rehber-rozet.sahiplenen{background:#b7e4c7;color:#1b4332}
.rehber-rozet::before,.rehber-ikon::before{content:"";display:inline-block;width:1em;height:1em;margin-right:.3em;vertical-align:-.15em;background:currentColor;-webkit-mask:var(--ikon) center/contain no-repeat;mask:var(--ikon) center/contain no-repeat}
.rehber-rozet{--ikon:url(/varlik/harita/ikon/uye.svg)}
.rehber-rozet.uye-degil{--ikon:url(/varlik/harita/ikon/uye-olmayan.svg)}
.rehber-ikon.ara{--ikon:url(/varlik/harita/ikon/ara.svg)}
.rehber-ikon.sahiplen{--ikon:url(/varlik/harita/ikon/sahiplen.svg)}
.rehber-rozet:focus-visible{outline:3px solid #f3b878;outline-offset:2px}
/* EK 19 ④ (Okan 22 Eki 13:5x "üye otellerin haritada … görünümü diğer otellerden çok daha iyi"): üye BÜYÜK + logo,
   sahiplenen orta, sahipsiz küçük nokta (ad title/aria-label'da); çakışmada üye üstte */
/* EK 19 ④ üye pin z-index 3 (çakışmada üstte) · EK 20 ② artık SABİT ve KÜÇÜK:
   harita ölçeğiyle büyümez, ≤ 28×200 px, taşan yazı üç nokta. Ad/fiyat ayrı span (rehber.js). */
.rehber-rozet.paketli{z-index:3;font-size:.8125rem;line-height:1.2;padding:.15rem .45rem;border-width:2px;box-shadow:0 2px 10px rgba(0,0,0,.45);max-width:200px;max-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Canlı ölçüm 23:0x: KP etiketi 245 px içerik / 200 px kutu → FİYAT kesiliyordu. Kısalan AD olur, fiyat hep görünür. */
.rehber-rozet.paketli{display:inline-flex;align-items:center}
.rehber-rozet.paketli .rozet-ad{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.rehber-rozet.paketli .rozet-fiyat{flex:none;margin-left:.35em}
.rehber-rozet.paketli .rehber-rozet-logo,.rehber-rozet.paketli::before{flex:none}
/* Uzak yakınlıkta (zoom ≤ 8, gzemin.js `uzakSinif`) yalnız logo + fiyat kalır (≤ 120 px). */
.harita-uzak .rehber-rozet.paketli{max-width:120px}
.harita-uzak .rehber-rozet.paketli .rozet-ad{display:none}
/* Canlı 23:3x: logolu KP uzakta 141 px içerik / 120 px kutu → fiyat kesikti. Uzakta küçülen LOGO olur. */
.harita-uzak .rehber-rozet.paketli .rehber-rozet-logo{flex:0 1 auto;min-width:0;max-width:2.5rem}
.harita-uzak .rehber-rozet.paketli .rozet-fiyat{margin-left:0}
.rehber-rozet.sahiplenen{z-index:2}
.rehber-rozet.uye-degil{z-index:1;font-size:0;width:.9rem;height:.9rem;padding:0;background:#52606d;border-color:#fff}
.rehber-rozet.uye-degil::before,.rehber-rozet.logolu::before{display:none}
/* EK 19 ③ (OTeLLa 17:2x): üye kart, listedeki en uzun sahipsiz karttan kısa kalmaz. 22 Eki canlı ölçüm, 81 il
   2.534 sahipsiz kart: 1440'ta en çok 303 px (liste 505 px) · 375'te en çok 454 px (liste 311 px). */
.sonuc-kart.uye{min-height:20rem;align-content:space-between}
@media (max-width:56rem){.sonuc-kart.uye{min-height:30rem}}
/* EK 20 ②: üye pin logosu 18 px — kutuyu 28 px'te tutan sabit ölçü. */
.rehber-rozet-logo{height:18px;width:auto;max-width:3.5rem;object-fit:contain;vertical-align:middle;margin-right:.4em;border-radius:.2rem;background:#fff}
.rehber-kart-foto{display:block;width:100%;max-height:9rem;object-fit:cover;border-radius:.35rem;margin-bottom:.4rem}
.rehber-kart{font-size:.9375rem;line-height:1.45;color:#1f2933;min-width:13rem}
.rehber-kart strong{display:block;font-size:1rem;margin-bottom:.25rem}
.rehber-kart p{margin:.35rem 0}
.rehber-kart a{color:#2c5d63}
.rehber-kart .rehber-rezerve{display:inline-block;margin-top:.35rem;padding:.45rem .8rem;border-radius:.4rem;background:#2c5d63;color:#fff;text-decoration:none;font-weight:600}
.rehber-kart .rehber-kucuk{font-size:.8125rem;color:#52606d}
.rehber-liste{list-style:none;padding:0;margin:.5rem 0 0}
.rehber-liste li{padding:.55rem 0;border-bottom:1px solid var(--renk-kenar);overflow-wrap:anywhere}
.rehber-not{font-size:.875rem;color:var(--renk-ikincil)}
/* Kök Türkiye haritası (EK 5): arama kutusu + daha uzun harita */
.turkiye-harita{height:70vh;max-height:820px}
.turkiye-ara{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0 .25rem}
.turkiye-ara label{font-weight:600}
.turkiye-ara input{flex:1 1 12rem;min-width:0;font-size:1rem;padding:.55rem .7rem;border:1px solid var(--renk-kenar,#cbd2d9);border-radius:.4rem}
.turkiye-ara button{font-size:1rem;font-weight:600;padding:.55rem 1rem;border:0;border-radius:.4rem;background:#2c5d63;color:#fff;cursor:pointer}
.turkiye-ara button:focus-visible,.turkiye-ara input:focus-visible{outline:3px solid #f3b878;outline-offset:2px}
/* B2C kalıbı (EK 6): üst = logo + şehir arama, alt = atıf + çerez + tek partner satırı; harita tam ekran */
body.rehber-b2c{margin:0;background:var(--renk-arka,#fff);color:var(--renk-yazi,#1f2933)}
body.rehber-tam{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.rehber-ust{flex:none;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--renk-kenar)}
.rehber-logo{flex:none;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.86rem;text-decoration:none;color:var(--renk-vurgu,#2c5d63)}
.rehber-ust .turkiye-ara{flex:1 1 auto;flex-wrap:nowrap;max-width:36rem;min-width:0;margin:0}
.rehber-ust .turkiye-ara label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rehber-ust .turkiye-ara input{flex:1 1 auto;padding:.45rem .6rem}
.rehber-ust .turkiye-ara button{flex:none;padding:.45rem .8rem}
.rehber-kaydet{flex:none;margin-left:auto;font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--renk-vurgu,#2c5d63)}
@media (max-width:30rem){.rehber-ust{flex-wrap:wrap;row-gap:.4rem}.rehber-ust .turkiye-ara{order:3;flex-basis:100%;max-width:none}}
main.rehber-ana{max-width:none;margin:0;padding:0}
body.rehber-tam main.rehber-ana{flex:1 1 auto;position:relative;min-height:0}
body:not(.rehber-tam) main.rehber-ana{max-width:var(--genislik,48rem);margin:0 auto;padding:1.25rem 1rem 2rem}
body.rehber-tam .rehber-harita{position:absolute;inset:0;width:auto;height:auto;min-height:0;max-height:none;margin:0;border:0}
.rehber-panel{position:absolute;z-index:3;left:.75rem;top:.75rem;max-width:min(24rem,calc(100% - 4.5rem));max-height:calc(100% - 1.5rem);overflow:auto;overscroll-behavior:contain;background:var(--renk-arka,#fff);border:1px solid var(--renk-kenar);border-radius:.5rem;box-shadow:0 6px 24px rgba(0,0,0,.16);padding:.5rem .8rem}
.rehber-panel summary{cursor:pointer;font-size:.9375rem}
.rehber-panel summary h1{display:inline;font-size:1rem;line-height:1.3;margin:0}
.rehber-panel h2{font-size:1rem;margin:.75rem 0 0}
.rehber-durum{position:absolute;z-index:3;left:.75rem;bottom:.75rem;margin:0;max-width:calc(100% - 1.5rem);font-size:.875rem;background:var(--renk-arka,#fff);border:1px solid var(--renk-kenar);border-radius:.4rem;padding:.3rem .6rem}
.rehber-durum:empty{display:none}
.rehber-alt{flex:none;display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.4rem 1rem;font-size:.8125rem;color:var(--renk-ikincil);border-top:1px solid var(--renk-kenar)}
.rehber-alt a{color:var(--renk-vurgu,#2c5d63)}