/* =========================================================
   DISCOVER EDIRNE — tema katmanı
   components.css'teki yapıyı bu sistemin karakterine taşır:
   yumuşak köşeler, kemer maskeleri, hafif gölge, hap çipler,
   kubbe-kemer marka işareti. Tüm sayfalar bu dosyayı yükler.
   ========================================================= */

/* ---------- tipografi ayarı ---------- */
body{font-size:16px;letter-spacing:-.003em}
.h-display{font-weight:400;letter-spacing:-.025em;line-height:1.02}
.h-1{font-weight:450;letter-spacing:-.02em}
.h-2{font-weight:450;letter-spacing:-.015em}
.h-display em,.h-1 em,.h-2 em{font-style:italic;color:var(--terra);font-weight:400}
.eyebrow{font-weight:600;letter-spacing:.12em;font-size:12px;color:var(--petrol)}
.label-caps{letter-spacing:.1em}
.price{font-weight:500}
.numeral{font-weight:400;font-style:italic}

/* ---------- marka işareti: kemer içinde kubbe ---------- */
.brand-mark{width:40px;height:46px;background:var(--petrol);border-radius:999px 999px 6px 6px;display:grid;place-items:end center;padding-bottom:9px;position:relative;overflow:hidden}
.brand-mark::after{content:"";position:absolute;left:50%;top:9px;width:4px;height:4px;border-radius:50%;background:var(--brass-soft);transform:translateX(-50%);right:auto;bottom:auto}
.brand-mark i{width:20px;height:12px;border:0;background:var(--bg);border-radius:999px 999px 0 0;transform:none;box-shadow:0 7px 0 -3px var(--bg)}
.brand-word b{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:-.015em}
.brand-word b small{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);display:block;margin-bottom:3px}
.brand-word span{letter-spacing:.2em;font-size:9.5px}
@media (max-width:1020px){.brand-mark{width:34px;height:40px;padding-bottom:7px}.brand-mark i{width:17px;height:10px}}

/* ---------- resmi logo (assets/brand/*.svg) ---------- */
.brand{min-width:0;gap:10px}
.brand-logo{width:46px;height:46px;flex:none;display:block}
.brand-word b{font-weight:700;color:var(--logo-green);line-height:.95}
.brand-word b small{color:var(--logo-terra);letter-spacing:.22em;font-size:10.5px;margin-bottom:4px}
.foot-brand .brand-logo{width:52px;height:52px}
.foot-brand .brand-word b{color:#fff}
.foot-brand .brand-word b small{color:#E07A57}
.foot-brand .brand-word>span{display:block;letter-spacing:.04em;font-size:12px;margin-top:6px}
@media (max-width:1020px){.brand-logo{width:40px;height:40px}.brand-word b{font-size:19px}}

/* ---------- mobil taşma düzeltmeleri ---------- */
.acc>*{min-width:0}
@media (max-width:1020px){.acc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .hdr-in{gap:8px}
  .hdr-tools{gap:6px}
  .hdr-tools .tool-btn{padding:0 10px}
  .hdr-tools .icon-btn{width:40px;height:40px}
}

/* ---------- butonlar ---------- */
.btn{border-radius:var(--r);font-weight:600;letter-spacing:0}
.btn-primary{box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.btn-line{background:var(--white)}
.btn-accent{box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.icon-btn{border-radius:var(--r);background:var(--white)}
.icon-btn.sm{border-radius:50%}
.tool-btn{border-radius:var(--r-pill);background:var(--white)}
.btn.is-on{border-color:var(--petrol-line)}

/* ---------- girdiler ---------- */
.input{border-radius:var(--r);background:var(--white)}
.seg label{border-radius:var(--r);background:var(--white)}
.stepper{border-radius:var(--r);overflow:hidden;background:var(--white)}
.form-card{border-radius:var(--r-card);background:var(--white);box-shadow:var(--sh-1);border-color:var(--line-soft)}
.code-inputs input{border-radius:var(--r)}
.check input{accent-color:var(--petrol)}

/* ---------- çipler, etiketler, sekmeler ---------- */
.chip{border-radius:var(--r-pill);background:var(--white);padding:0 15px}
.atag{border-radius:var(--r-pill);background:var(--petrol)}
.atag:hover{background:var(--petrol-deep)}
.tag{border-radius:var(--r-pill);padding:0 10px;letter-spacing:.04em}
.state-pill{border-radius:var(--r-pill)}
.view-toggle{border-radius:var(--r-pill);overflow:hidden;padding:3px;gap:2px;background:var(--white)}
.view-toggle button{border-radius:var(--r-pill);height:34px}
.view-toggle button+button{border-left:0}
.view-toggle button[aria-pressed="true"]{background:var(--petrol)}
.tabs [aria-selected="true"]::after,.tabs [aria-current="page"]::after{height:3px;border-radius:3px 3px 0 0}
.nav a[aria-current="page"]::after{height:3px;border-radius:3px 3px 0 0;bottom:-1px}
.nav a{font-weight:500}
.count{background:var(--terra)}

/* ---------- uyarılar, toast, modal ---------- */
.alert{border-radius:var(--r-card)}
.toast{border-radius:var(--r-card);background:var(--ink);box-shadow:var(--sh-2)}
.modal{border-radius:16px;box-shadow:var(--sh-2);border:0;background:var(--white)}
.drawer{border-radius:18px 18px 0 0;background:var(--white)}
.drawer::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--line);margin:8px auto 0}
.lang-menu,.user-menu,.suggest,.guest-pop{border-radius:var(--r-card);box-shadow:var(--sh-2);border-color:var(--line-soft)}
.empty{border-radius:16px;background:var(--white);border-style:dashed}
.empty .ico{grid-template-columns:1fr;width:44px;height:56px;gap:0}
.empty .ico i{display:none}
.empty .ico{background:var(--stone-2);border-radius:999px 999px 6px 6px}
.empty .ico i:first-child{display:block;background:var(--white);border:0;margin:20px 10px 0;border-radius:999px 999px 0 0}
.placeholder{border-radius:inherit}
.placeholder span{border-radius:var(--r-pill);font-size:11px}

/* ---------- foto + kartlar ---------- */
.ph{border-radius:var(--r-card)}
.caption{border-radius:var(--r-pill);padding:4px 10px}

/* tarihi yer — kemer çerçeve */
.c-place{background:none}
.c-place .ph{border-radius:var(--r-arch);aspect-ratio:4/5.3}
.c-place .over{border-radius:0 0 var(--r-card) var(--r-card);padding:22px 18px 18px}
.c-place .kind::before{width:8px;height:10px;border-radius:999px 999px 0 0;background:var(--brass-soft)}
.c-place h3{font-weight:450}

/* lezzet — taş kart, kemerli foto */
.c-food{border-top:0;border-radius:var(--r-card);background:var(--terra-tint);padding:10px}
.c-food .ph{border-radius:var(--r-arch);aspect-ratio:1/1}
.c-food .body{padding:14px 6px 6px}
.c-food h3{font-weight:450}

/* esnaf — künye kartı */
.c-biz{border-radius:var(--r-card);overflow:hidden;background:var(--white);border-color:var(--line-soft);box-shadow:var(--sh-1);transition:box-shadow .2s,border-color .15s}
.c-biz:hover{box-shadow:var(--sh-2);border-color:var(--line)}
.c-biz .ph{border-radius:0}
.c-biz.sel{outline:2px solid var(--petrol);outline-offset:-1px;border-color:var(--petrol)}
.c-biz .pin-no{border-radius:var(--r-pill)}

/* ürün */
.c-prod .ph{border-radius:var(--r-card);background:var(--white);border-color:var(--line-soft)}
.c-prod .price{font-size:21px}

/* otel */
.c-hotel{border-radius:var(--r-card);overflow:hidden;background:var(--white);border-color:var(--line-soft);box-shadow:var(--sh-1);transition:box-shadow .2s}
.c-hotel:hover{box-shadow:var(--sh-2)}
.c-hotel .ph{border-radius:0}
.c-hotel.sel{outline:2px solid var(--petrol);outline-offset:-1px}
.c-hotel h3{font-weight:450}
.c-hotel .pricebox{background:var(--stone)}

.row-item .ph{border-radius:var(--r)}
.summary{border-radius:var(--r-card);background:var(--white);box-shadow:var(--sh-1);border-color:var(--line-soft)}
.summary .sum-total{border-top-color:var(--line)}

/* ---------- galeri ---------- */
.gal{gap:10px}
.gal .ph{border-radius:var(--r-card)}
.gal-main{border-radius:var(--r-card)}
.gal-nav button,.gal-count{border-radius:var(--r-pill)}
.thumbs button{border-radius:var(--r)}

/* ---------- harita ---------- */
.map{border-radius:var(--r-card);background:#EDE6D8}
.lm-map .map,.gp-side .map,.rt-map .map{border-radius:0}
.pin.place .pm{border-radius:999px 999px 3px 3px;width:24px;height:28px}
.pin .pm{box-shadow:0 2px 6px rgba(0,0,0,.25)}
.pin .plbl{border-radius:var(--r-pill);padding:5px 11px}
.lg.place{border-radius:999px 999px 1px 1px;height:13px}
.map-ctrl button{border-radius:var(--r);box-shadow:var(--sh-1)}
.map-legend{border-radius:var(--r-pill);padding:8px 14px}
.map-pop{border-radius:var(--r-card);border-color:var(--line);box-shadow:var(--sh-2)}
.map-pop .ph{border-radius:var(--r)}

/* ---------- gezi planı / zaman çizelgesi ---------- */
.stop .card{border-radius:var(--r-card);border-color:var(--line-soft);box-shadow:var(--sh-1);background:var(--white)}
.stop .card .ph{border-radius:var(--r)}
.stop .mk.place{border-radius:999px 999px 3px 3px;height:30px}
.warn{border-radius:var(--r)}
.day{border-top-color:var(--line)}
.dur-sel{border-radius:var(--r)}

/* ---------- adım çubuğu ---------- */
.steps-bar li.cur::before,.steps-bar li.done::before{height:3px;border-radius:3px}

/* ---------- hesap ---------- */
.acc-nav{border-top:0;background:var(--white);border-radius:var(--r-card);padding:6px 16px 10px;box-shadow:var(--sh-1)}
.acc-nav a[aria-current="page"]::before{width:3px;border-radius:3px}
.acc-sec{border-top-color:var(--line)}
.acc-nav .who .av{border-radius:50%}

/* ---------- auth ---------- */
.auth-media{padding:20px 0 20px 20px}
.auth-media .ph{inset:20px 0 20px 20px;border-radius:16px;overflow:hidden}
.auth-media::after{inset:20px 0 20px 20px;border-radius:16px}
.ctx-note{border-radius:var(--r-card)}
.auth-media .quote{bottom:72px;left:48px;right:28px;font-size:26px}

/* ---------- ana sayfa hero: büyük kemer ---------- */
.hero-media{margin:28px max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut))) 28px 0;border-radius:16px}
.hero-media .caption{left:50%;transform:translateX(-50%);bottom:18px}
.hero-search .row{border-radius:var(--r-pill);overflow:hidden;border-color:var(--line);box-shadow:var(--sh-1);background:var(--white)}
.hero-search .btn{border-radius:var(--r-pill);margin:5px;min-height:48px}
.hero-foot,.pt-steps,.border-strip{border-top-color:var(--line)}
@media (max-width:1020px){.hero-media{margin:16px var(--gut) 0;border-radius:12px;aspect-ratio:4/3.4;max-height:none}}

/* ---------- header / footer ---------- */
.hdr .brand-word>span{display:none}
.hdr-search .input{border-radius:var(--r-pill);background:var(--white)}
.foot{position:relative}
.foot::before{content:"";position:absolute;left:0;right:0;top:-1px;height:22px;background:radial-gradient(circle at 22px 0,var(--bg) 21px,transparent 22px) 0 0/44px 22px repeat-x}
.foot-lang button{border-radius:var(--r-pill)}
.sheet-lang button{border-radius:var(--r)}
.bn-item[aria-current="page"]::before,.bn-item[aria-pressed="true"]::before{height:3px;border-radius:0 0 3px 3px}
.bn-item[aria-current="page"] .bn-ico{color:var(--petrol)}
.proto-btn{border-radius:var(--r-pill)}
.proto-panel{border-radius:var(--r-card);box-shadow:var(--sh-2)}
.proto-panel a{border-radius:var(--r)}

/* ---------- prototip sayfa seçici ---------- */
.pg-sw{position:fixed;right:16px;bottom:calc(16px + var(--bn-h));z-index:95;font-size:13px}
.pg-sw-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:var(--ink);color:#fff;border:0;border-radius:var(--r-pill);cursor:pointer;font-weight:600;font-size:13px;box-shadow:var(--sh-2)}
.pg-sw-btn:hover{background:var(--petrol)}
.pg-sw-panel{position:absolute;right:0;bottom:46px;width:min(340px,calc(100vw - 32px));max-height:min(70vh,620px);overflow:auto;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--sh-2);padding:8px}
.pg-sw-g{padding:8px 4px;border-bottom:1px solid var(--line-soft)}
.pg-sw-g:last-child{border-bottom:0}
.pg-sw-g b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 8px 6px;font-weight:600}
.pg-sw-g a{display:block;padding:7px 8px;text-decoration:none;border-radius:var(--r);font-size:13.5px;color:var(--ink-2)}
.pg-sw-g a:hover{background:var(--bg);color:var(--ink)}
.pg-sw-g a[aria-current="true"]{background:var(--petrol-tint);color:var(--petrol-deep);font-weight:600}
@media (max-width:760px){.pg-sw-btn span{display:none}.pg-sw-btn{padding:0 12px}}

/* ---------- ana sayfa hero slider ---------- */
.hero-media.hs{border-radius:16px}
/* hero slider (crossfade + slow zoom, progress bars, label + controls) */
.hs{isolation:isolate}
.hs-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hs-slide.on{opacity:1;z-index:1}
.hs-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 7s ease-out}
.hs-slide.on img{transform:scale(1)}
.hs::before{content:"";position:absolute;inset:0 0 auto 0;height:90px;z-index:2;background:linear-gradient(to bottom,rgba(12,22,21,.35),rgba(12,22,21,0));pointer-events:none}
.hs-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:48px 24px 24px;background:var(--photo-grad);color:#fff}
.hs-label{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;min-height:44px}
.hs-label:hover .hs-txt b{text-decoration:underline;text-underline-offset:4px}
.hs-num{font-family:var(--serif);font-size:30px;line-height:1;font-weight:400;font-style:italic}
.hs-num i{font-style:normal;font-size:14px;opacity:.7;margin-left:3px}
.hs-txt{display:flex;flex-direction:column;line-height:1.25;padding-left:16px;border-left:1px solid rgba(255,255,255,.4)}
.hs-txt b{font-family:var(--serif);font-weight:450;font-size:21px}
.hs-txt span{font-size:13px;opacity:.85}
.hs-ctrl{display:flex;gap:6px}
.hs-ctrl button{width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.45);color:#fff;cursor:pointer;border-radius:var(--r-pill);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .15s}
.hs-ctrl button:hover{background:rgba(255,255,255,.26)}
.hs-dots{position:absolute;left:24px;right:24px;top:18px;z-index:3;display:flex;gap:6px}
.hs-dots button{flex:1;height:24px;padding:0;background:none;border:0;cursor:pointer;display:flex;align-items:center}
.hs-track{display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.38);overflow:hidden}
.hs-fill{display:block;height:100%;width:0;background:#fff}
.hs-fill.full{width:100%}
.hs-fill.run{animation:hsfill linear forwards}
.hs-dots button[aria-selected="true"] .hs-fill.full{background:#fff}
@keyframes hsfill{from{width:0}to{width:100%}}
@media (max-width:760px){.hs-ctrl button:not(:last-child){display:none}.hs-txt b{font-size:18px}.hs-num{font-size:24px}}
@media (prefers-reduced-motion:reduce){.hs-slide,.hs-slide img{transition:none}.hs-fill.run{animation:none;width:100%}}

/* ---------- işletme sayfası (UI kit ile eşitlendi) ---------- */
.gal .ph,.gal .ph img{border-radius:var(--r-card)}
.biz-gal{grid-template-columns:1.6fr 1fr;aspect-ratio:2.3/1}
.branch-panel{border:1px solid var(--line-soft)!important;border-radius:var(--r-card);box-shadow:var(--sh-1);overflow:hidden;background:var(--white)!important}
.branch-tabs button[aria-selected="true"]{background:var(--white)!important;box-shadow:inset 0 3px 0 var(--petrol)!important}
.lang-chips span{border-radius:var(--r-pill)!important}
.menu-list{border-top-color:var(--line)!important}

/* ---------- filtre grupları: legend kenarlık çizgisine oturmasın ---------- */
.f-group legend,.f-group .f-title{float:left;width:100%}
.f-group legend+*,.f-group .f-title+*{clear:both}
.f-group::after{content:"";display:block;clear:both}

/* ---------- masaüstünde filtre çekmecesi sağ panel olur ---------- */
@media (min-width:1021px){
  .drawer{left:auto;top:0;right:0;bottom:0;width:440px;max-height:none;border-radius:16px 0 0 16px;box-shadow:var(--sh-2)}
  .drawer::before{display:none}
  .drawer-head{padding:20px 28px}
  .drawer-body{padding:8px 28px 20px;flex:1}
  .drawer-foot{padding:16px 28px}
}