/* Meyhane liste, bölge ve detay sayfaları */

/* ---------- Liste + filtreler ---------- */
.listing{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;padding-block:clamp(24px,4vw,48px)}
.filters{position:sticky;top:calc(var(--header-h) + 18px);border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--header-h) - 36px);overflow-y:auto}
.filters > summary{display:none}
.filters__form{display:grid;gap:18px;padding:22px}
.filters__group{border:0;margin:0;padding:0;min-width:0}
.filters__group legend{padding:0;margin-bottom:10px;font-weight:650;font-size:.92rem;color:var(--brand-deep)}
.filters .chip{padding:7px 12px;font-size:.84rem}
.filters__actions{display:grid;gap:8px;position:sticky;bottom:0;margin:0 -22px -22px;padding:14px 22px 18px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%)}
.listing__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.listing__count{margin:0;color:var(--muted)}
.listing__count strong{color:var(--brand-deep);font-size:1.1rem}
.sorter{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.sorter::-webkit-scrollbar{display:none}
.sorter .tab{padding:8px 14px;font-size:.86rem}
.sponsored-strip{margin-bottom:26px;padding:18px;border-radius:var(--r-lg);background:var(--ivory);border:1px dashed var(--gold)}
.sponsored-strip__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:.84rem;color:var(--brand-2)}

/* ---------- Bölge sayfası ---------- */
.region-hero{position:relative;isolation:isolate;display:grid;min-height:clamp(280px,40vh,420px);background:var(--brand-night);color:#fff;overflow:hidden}
.region-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.region-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,20,13,.9),rgba(32,20,13,.55) 55%,rgba(32,20,13,.25)),linear-gradient(0deg,rgba(32,20,13,.7),transparent 55%)}
.region-hero__inner{align-self:end;padding-block:clamp(26px,5vw,56px)}
.region-hero h1{color:#fff;font-size:clamp(2.2rem,5.4vw,4rem);margin-bottom:12px}
.region-hero__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;color:var(--gold-soft);font-weight:600}
.region-hero__credit{margin-left:auto;font-size:.7rem;font-weight:500;color:rgba(255,255,255,.6)}
.region-body{padding-block:clamp(22px,3.4vw,40px)}
.region-tabs{margin-bottom:26px}
.region-block{margin-top:clamp(36px,5vw,60px)}
.region-block > h2{font-size:1.5rem;margin-bottom:16px}
.region-intro{padding:clamp(22px,4vw,44px);border-radius:var(--r-xl);background:#fff;border:1px solid var(--line-soft)}
.region-intro .prose{margin-inline:auto}

/* ---------- Detay sayfası ---------- */
.vhero{position:relative;isolation:isolate;display:grid;min-height:clamp(340px,52vh,520px);background:var(--brand-night);color:#fff;overflow:hidden}
.vhero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.vhero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(32,20,13,.92) 0%,rgba(32,20,13,.5) 46%,rgba(32,20,13,.28) 100%)}
.vhero__inner{align-self:end;padding-block:clamp(22px,4vw,44px)}
.vhero__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vhero__title{margin:0 0 14px;color:#fff;font-size:clamp(2.1rem,5.6vw,4rem);line-height:1.05}
.vhero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:.96rem;color:#EFE3D2}
.vhero__meta > span,.vhero__rating{display:inline-flex;align-items:center;gap:7px}
.vhero__rating{color:#fff;font-size:1.02rem}
.vhero__rating:hover{color:var(--gold-soft)}
.vhero__rating strong{font-size:1.25rem;font-family:var(--font-display)}
.vhero__rating--none{padding:7px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);font-size:.88rem;font-weight:600}
.vhero__price{color:var(--gold);letter-spacing:.04em}
.vhero__open--open{color:#9BE0B4}
.vhero__open--closed{color:#F5B7AB}
.vactions{display:flex;flex-wrap:wrap;gap:10px;padding-block:20px;border-bottom:1px solid var(--line)}
.fav-inline.is-active{color:var(--danger)}
.fav-inline.is-active .icon{fill:currentColor}
.vlayout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:clamp(24px,4vw,56px);align-items:start;padding-block:clamp(26px,4vw,52px)}
.vblock + .vblock{margin-top:clamp(32px,4.4vw,52px)}
.vblock > h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin-bottom:16px}
.vmuted{color:var(--muted);font-size:.92rem}
.vfeatures{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.vfeatures li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:#fff;border:1px solid var(--line-soft);font-weight:600;font-size:.94rem;color:var(--brand-deep)}
.vfeatures__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gold-wash);color:var(--gold-deep);flex:none}
.vmoods{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:.9rem;color:var(--muted)}
.vgallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.vgallery__item{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--ivory)}
.vgallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.vgallery__item:hover img{transform:scale(1.07)}
.vmenu{margin-top:22px}
.vmenu h3{margin-bottom:8px;font-size:1.15rem;color:var(--gold-deep)}
.vmenu li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line)}
.vmenu li.is-off{opacity:.5}
.vmenu__name{font-weight:600}
.vmenu__name small{display:block;font-weight:400;color:var(--muted);font-size:.84rem}
.vmenu__price{font-weight:750;color:var(--brand-deep);white-space:nowrap}
.vside{display:grid;gap:18px;position:sticky;top:calc(var(--header-h) + 18px)}
.vcardbox{padding:22px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line-soft);box-shadow:var(--shadow-sm)}
.vcardbox > h2{font-size:1.2rem;margin-bottom:14px}
.vinfo{display:grid;gap:12px;font-size:.95rem}
.vinfo li{display:flex;gap:12px;align-items:flex-start;min-width:0}
.vinfo .icon{color:var(--gold-deep);margin-top:2px}
.vinfo a{font-weight:620;overflow-wrap:anywhere}
.vinfo small,.vinfo em{color:var(--muted)}
.vmap{width:100%;height:220px;margin-top:16px;border:0;border-radius:var(--r);background:var(--ivory)}
.vside__links{display:grid;gap:8px;margin-top:14px}
.vopen{margin:0 0 10px;font-weight:700}
.vopen--open{color:var(--success)}
.vopen--closed{color:var(--danger)}
.vhours{width:100%;border-collapse:collapse;font-size:.92rem}
.vhours th{padding:7px 0;text-align:left;font-weight:500;color:var(--muted)}
.vhours td{padding:7px 0;text-align:right;font-weight:620}
.vhours tr.is-today th,.vhours tr.is-today td{color:var(--brand-deep);font-weight:800}
.vclaim{background:linear-gradient(160deg,#fff,var(--gold-wash));border-color:var(--gold-soft)}
.vclaim p{color:var(--muted);font-size:.92rem}
.vsource{display:flex;gap:9px;margin:0;font-size:.78rem;line-height:1.5;color:var(--muted)}
.vsource .icon{margin-top:2px;flex:none}
.vsource a{text-decoration:underline}

/* ---------- Fotoğraf büyütme ---------- */
.lightbox{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:16px;background:rgba(24,15,10,.94)}
.lightbox figure{margin:0;display:grid;justify-items:center;gap:12px;min-width:0}
.lightbox img{max-width:100%;max-height:82vh;border-radius:12px;object-fit:contain}
.lightbox figcaption{color:#EFE3D2;font-size:.9rem;text-align:center}
.lightbox__close{position:absolute;top:14px;right:14px}
.lightbox__close,.lightbox__nav{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.lightbox__close:hover,.lightbox__nav:hover{background:var(--gold);color:var(--brand-night)}

@media (max-width:1020px){
  .listing{grid-template-columns:1fr}
  .filters{position:static;max-height:none;border:0;background:none;box-shadow:none;overflow:visible}
  .filters > summary{display:inline-flex;list-style:none}
  .filters > summary::-webkit-details-marker{display:none}
  .filters[open] > summary{margin-bottom:14px}
  .filters__form{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:18px}
  .filters__actions{margin:0;padding:0;position:static;background:none}
  .vlayout{grid-template-columns:1fr}
  .vside{position:static}
}
@media (max-width:760px){
  .vactions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter)*-1);padding-inline:var(--gutter)}
  .vactions::-webkit-scrollbar{display:none}
  .vactions .btn{flex:none}
  .vhero{min-height:clamp(320px,56svh,440px)}
  .vfeatures{grid-template-columns:1fr 1fr}
  .vfeatures li{padding:10px;font-size:.86rem;gap:9px}
  .vfeatures__icon{width:32px;height:32px}
  .vgallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .region-hero__credit{margin-left:0;flex-basis:100%}
  .lightbox{grid-template-columns:1fr;padding:10px}
  .lightbox__nav{position:absolute;bottom:18px}
  .lightbox__nav--prev{left:18px}
  .lightbox__nav--next{right:18px}
}
