/* 0052 · /rehber/ sunum katmanı (yalnız görünüm). Koyu tema, mobil öncelikli 360–1366 px.
   Veri/sorgu mantığına dokunmaz; rehber.php'deki mevcut sınıfları biçimler. Bölge seçici js/rehber-0052.js ile kurulur;
   JS yoksa eski yer listesi kompakt, kaydırılabilir kutu olarak kalır. */
body.page-rehber main.rh{
  --r-bg:#0b1220;--r-yuzey:#111a2e;--r-yuzey2:#16223a;--r-cizgi:rgba(148,163,184,.18);--r-cizgi2:rgba(148,163,184,.32);
  --r-yazi:#e6edf7;--r-soluk:#9fb0c8;--r-ana:#2dd4bf;--r-ana2:#38bdf8;--r-ana-k:rgba(45,212,191,.14);--r-uyari:#fbbf24;
  --r-rad:16px;
  color:var(--r-yazi);font-size:15px;line-height:1.55;padding:8px 14px 40px!important;max-width:1240px;margin:0 auto;
  box-sizing:border-box
}
body.page-rehber main.rh *{box-sizing:border-box}
body.page-rehber main.rh a{color:var(--r-ana)}
body.page-rehber main.rh .breadcrumb{font-size:13px;color:var(--r-soluk);margin:6px 0 12px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
body.page-rehber main.rh .breadcrumb a{color:var(--r-soluk);text-decoration:none}
body.page-rehber main.rh .breadcrumb a:hover{color:var(--r-yazi)}
body.page-rehber main.rh .breadcrumb span{color:var(--r-yazi)}

/* Başlık alanı */
body.page-rehber main.rh .rh-bas{
  background:radial-gradient(120% 140% at 0% 0%,rgba(45,212,191,.16),transparent 55%),radial-gradient(120% 140% at 100% 0%,rgba(56,189,248,.12),transparent 50%),var(--r-yuzey);
  border:1px solid var(--r-cizgi);border-radius:var(--r-rad);padding:18px 16px 16px;margin:0 0 14px
}
body.page-rehber main.rh .rh-bas h1{font-size:clamp(24px,6.4vw,36px);line-height:1.15;margin:0 0 8px;color:#fff;font-weight:800;letter-spacing:-.01em;background:none;-webkit-text-fill-color:currentColor}
body.page-rehber main.rh .rh-bas h1 span{display:block;font-size:.5em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--r-ana);margin-top:4px}
body.page-rehber main.rh .rh-bas p{color:var(--r-soluk);max-width:720px;margin:0 0 14px;font-size:14.5px;opacity:1}
body.page-rehber main.rh .rh-ara{display:flex;gap:8px;margin:0;max-width:620px;position:relative}
body.page-rehber main.rh .rh-ara input{flex:1;min-width:0;height:46px;padding:0 14px 0 40px;border:1px solid var(--r-cizgi2);border-radius:12px;background:var(--r-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239fb0c8' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px 50%;color:var(--r-yazi);font-size:15px;outline:0}
body.page-rehber main.rh .rh-ara input::placeholder{color:#7d8ea8}
body.page-rehber main.rh .rh-ara input:focus{border-color:var(--r-ana);box-shadow:0 0 0 3px var(--r-ana-k)}
body.page-rehber main.rh .rh-ara button{height:46px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--r-ana),var(--r-ana2));color:#04202a;font-weight:700;font-size:15px;cursor:pointer}

/* Izgara: tek sütun (bölge seçici üstte) */
body.page-rehber main.rh .rh-izgara{display:block!important}
body.page-rehber main.rh .rh-icerik{min-width:0}

/* JS yokken eski yer listesi: kompakt, kaydırılabilir */
body.page-rehber main.rh .rh-yerler{position:static!important;max-height:260px!important;overflow:auto;background:var(--r-yuzey);border:1px solid var(--r-cizgi);border-radius:var(--r-rad);padding:10px 12px;margin:0 0 14px;color:var(--r-yazi)}
body.page-rehber main.rh .rh-yerler summary{font-weight:700;padding:4px 0}
body.page-rehber main.rh .rh-yerler ul{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 10px;list-style:none;margin:0}
body.page-rehber main.rh .rh-yerler ul ul{display:none}
body.page-rehber main.rh .rh-yerler li a{display:inline-block;padding:4px 10px;border:1px solid var(--r-cizgi);border-radius:999px;font-size:13px;color:var(--r-yazi);text-decoration:none}
body.page-rehber main.rh.rh52-js .rh-yerler{display:none!important}

/* Bölge seçici (JS) */
.rh52-bolge{position:relative;margin:0 0 12px}
.rh52-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.rh52-btn{flex:1 1 260px;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;background:var(--r-yuzey);border:1px solid var(--r-cizgi2);border-radius:14px;color:var(--r-yazi);cursor:pointer;text-align:left;font:inherit}
.rh52-btn:hover,.rh52-btn[aria-expanded="true"]{border-color:var(--r-ana)}
.rh52-btn>i:first-child{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--r-ana-k);color:var(--r-ana);flex:0 0 auto}
.rh52-btn span{flex:1;min-width:0;display:flex;flex-direction:column}
.rh52-btn small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--r-soluk)}
.rh52-btn b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.rh52-btn>i:last-child{color:var(--r-soluk);transition:transform .2s}
.rh52-btn[aria-expanded="true"]>i:last-child{transform:rotate(180deg)}
.rh52-hizli{display:flex;gap:6px;flex:1 1 260px;align-items:center;overflow-x:auto;scrollbar-width:none}
.rh52-hizli::-webkit-scrollbar{display:none}
.rh52-hizli a,.rh52-cip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--r-cizgi2);background:var(--r-yuzey);color:var(--r-yazi)!important;text-decoration:none!important;font-size:14px;font-weight:600;white-space:nowrap}
.rh52-hizli a:hover,.rh52-cip:hover{border-color:var(--r-ana)}
.rh52-hizli a[aria-current],.rh52-cip[aria-current]{background:var(--r-ana);border-color:transparent;color:#04202a!important}
.rh52-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:var(--r-yuzey);border:1px solid var(--r-cizgi2);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:12px;max-height:min(70vh,560px);display:flex;flex-direction:column}
.rh52-panel[hidden]{display:none}
.rh52-panel__ust{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.rh52-panel__ust input{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--r-cizgi2);background:var(--r-bg);color:var(--r-yazi);font-size:16px;outline:0}
.rh52-panel__ust input:focus{border-color:var(--r-ana);box-shadow:0 0 0 3px var(--r-ana-k)}
.rh52-kapat{width:44px;height:44px;flex:0 0 auto;border-radius:12px;border:1px solid var(--r-cizgi2);background:transparent;color:var(--r-yazi);cursor:pointer;font-size:18px}
.rh52-liste{overflow:auto;overscroll-behavior:contain;padding:2px}
.rh52-grup{margin:6px 0 12px}
.rh52-grup h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--r-soluk);font-weight:700}
.rh52-grup h3 a{font-size:12px;letter-spacing:0;text-transform:none;color:var(--r-ana)!important}
.rh52-cipler{display:flex;flex-wrap:wrap;gap:6px}
.rh52-cip{min-height:34px;padding:0 12px;font-weight:500;font-size:13.5px}
.rh52-cip small{color:var(--r-soluk);font-weight:400}
.rh52-cip[aria-current] small{color:#04202a}
.rh52-yok{color:var(--r-soluk);padding:14px 4px;margin:0}
.rh52-perde{display:none}
.rh52-bolge [hidden]{display:none!important}
@media (max-width:640px){
  .rh52-panel{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:82vh;border-radius:18px 18px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));z-index:2147483001}
  .rh52-perde{position:fixed;inset:0;background:rgba(2,6,23,.6);z-index:2147483000}
  .rh52-perde.acik{display:block}
}

/* Kategori sekmeleri: ikonlu çipler */
body.page-rehber main.rh .rh-kat{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:2px 2px 10px;margin:0 0 14px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
body.page-rehber main.rh .rh-kat::-webkit-scrollbar{display:none}
body.page-rehber main.rh .rh-kat a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--r-cizgi);background:var(--r-yuzey);color:var(--r-yazi)!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:border-color .15s,background .15s}
body.page-rehber main.rh .rh-kat a i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--r-yuzey2);color:var(--r-ana);font-size:13px}
body.page-rehber main.rh .rh-kat a:hover{border-color:var(--r-ana)}
body.page-rehber main.rh .rh-kat a[aria-current]{background:var(--r-ana)!important;border-color:transparent;color:#04202a!important}
body.page-rehber main.rh .rh-kat a[aria-current] i{background:rgba(4,32,42,.18);color:#04202a}
@media (min-width:900px){body.page-rehber main.rh .rh-kat{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}

/* İşletme kartları */
body.page-rehber main.rh .rh-kartlar{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 16px}
@media (min-width:600px){body.page-rehber main.rh .rh-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){body.page-rehber main.rh .rh-kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.page-rehber main.rh .rh-kart{background:var(--r-yuzey);border:1px solid var(--r-cizgi);border-radius:var(--r-rad);padding:16px;display:flex;flex-direction:column;gap:8px;color:var(--r-yazi);transition:border-color .15s,transform .15s}
body.page-rehber main.rh .rh-kart:hover{border-color:var(--r-cizgi2);transform:translateY(-1px)}
body.page-rehber main.rh .rh-kart__ust{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--r-soluk);opacity:1}
body.page-rehber main.rh .rh-kart__ust i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--r-ana-k);color:var(--r-ana);font-size:13px}
body.page-rehber main.rh .rh-nobet{margin-left:auto;background:var(--r-uyari);color:#1a1300;border-radius:999px;padding:3px 9px;font-size:11px;text-transform:none;letter-spacing:0}
body.page-rehber main.rh .rh-kart h2{font-size:17px;line-height:1.3;margin:2px 0 0;color:#fff}
body.page-rehber main.rh .rh-kart p{margin:0;font-size:14px;color:var(--r-soluk)}
body.page-rehber main.rh .rh-kart .rh-arac{color:var(--r-yazi);font-weight:700}
body.page-rehber main.rh .rh-kart__alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
body.page-rehber main.rh .rh-kart__alt a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;background:var(--r-yuzey2);border:1px solid var(--r-cizgi);color:var(--r-yazi)!important;text-decoration:none;font-size:13.5px;font-weight:600}
body.page-rehber main.rh .rh-kart__alt a i{color:var(--r-ana)}
body.page-rehber main.rh .rh-kaynak{font-size:11.5px;color:#7d8ea8;opacity:1;border-top:1px solid var(--r-cizgi);padding-top:8px}

/* Boş durum */
body.page-rehber main.rh .rh-bos{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--r-yuzey);border:1px dashed var(--r-cizgi2);border-radius:var(--r-rad);padding:28px 18px;margin:0 0 14px;color:var(--r-yazi)}
body.page-rehber main.rh .rh-bos::before{content:"\f54e";font-family:"Font Awesome 6 Free";font-weight:900;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:26px;color:var(--r-ana);background:var(--r-ana-k);border:1px solid rgba(45,212,191,.35)}
body.page-rehber main.rh .rh-bos b{font-size:18px;color:#fff}
body.page-rehber main.rh .rh-bos p{margin:0;max-width:520px;color:var(--r-soluk);font-size:14.5px}
body.page-rehber main.rh .rh-bos>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;font-weight:700;text-decoration:none!important}
body.page-rehber main.rh .rh-bos .rh-bos__btn{background:linear-gradient(135deg,var(--r-ana),var(--r-ana2));color:#04202a!important;margin-top:4px}
body.page-rehber main.rh .rh-bos>a:not(.rh-bos__btn){border:1px solid var(--r-cizgi2);color:var(--r-yazi)!important;background:transparent}
@media (max-width:420px){body.page-rehber main.rh .rh-bos>a{width:100%}}

/* Pilot kart + çağrı kutusu */
body.page-rehber main.rh .rh-pilot{display:flex;flex-direction:column;gap:4px;background:var(--r-yuzey);border:1px solid var(--r-cizgi);border-radius:var(--r-rad);padding:14px 16px;margin:0 0 14px;color:var(--r-yazi)!important;text-decoration:none!important}
body.page-rehber main.rh .rh-pilot b{color:#fff;font-size:16px}
body.page-rehber main.rh .rh-pilot span{color:var(--r-soluk);font-size:13.5px}
body.page-rehber main.rh .rh-pilot .rh-pilot__etiket{color:var(--r-ana);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
body.page-rehber main.rh .rh-cagri{background:linear-gradient(135deg,rgba(45,212,191,.1),rgba(56,189,248,.08));border:1px solid var(--r-cizgi);border-radius:var(--r-rad);padding:16px;margin:0;color:var(--r-soluk);font-size:14.5px}
body.page-rehber main.rh .rh-cagri b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
body.page-rehber main.rh .rh-cagri a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;margin-top:10px;border-radius:10px;border:1px solid var(--r-ana);color:var(--r-ana)!important;font-weight:700;text-decoration:none!important}

@media (min-width:768px){
  body.page-rehber main.rh{padding:10px 20px 48px!important}
  body.page-rehber main.rh .rh-bas{padding:24px 26px 22px}
  body.page-rehber main.rh .rh-bos{padding:40px 24px}
  body.page-rehber main.rh .rh-cagri{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  body.page-rehber main.rh .rh-cagri b{margin:0;flex:1 1 100%}
  body.page-rehber main.rh .rh-cagri a{margin:0 0 0 auto}
}