/* İzmirport — açık, canlı "beyaz + turkuaz" tema (26.10.2026)
   Koyu mod kapalı: her sayfa <html data-theme="light">. Renk değişkenleri !important ile sabitlenir ki
   eski sayfa içi koyu-mod kuralları devreye girmesin. stil.css ve sayfa içi stillerden SONRA yüklenir. */
:root{color-scheme:light;
  --tas:#F1FAFB!important;--yuzey:#FFFFFF!important;--murekkep:#0B2B3B!important;--soluk:#4A6573!important;--cizgi:#CDE8EC!important;
  --ege:#0A8794!important;--palmiye:#14A06C!important;--kehribar:#FF9F1C!important;--uyari:#B4530F!important;--lacivert:#0C2740!important;
  --zemin:#F1FAFB!important;--kart:#FFFFFF!important;--yazi:#0B2B3B!important;
  --turkuaz:#13B5C1;--turkuaz-k:#0A8794;--mercan:#FF6B5B;
  --gok-ust:#7BD9E8;--gok-alt:#F1FAFB;--cam:rgba(255,255,255,.86);--cam-cizgi:rgba(255,255,255,.9);--cam-golge:0 12px 40px rgba(10,110,130,.14);
  --sahne:url(/img/sahne-konak-gunduz.svg?v=2);--sahne-yuk:clamp(230px,46vh,560px)}
html[data-sahne="kordon"]{--sahne:url(/img/sahne-kordon-gunduz.svg?v=2)}
html[data-sahne="korfez"]{--sahne:url(/img/sahne-korfez-gunduz.svg?v=2)}
html[data-sahne="asansor"]{--sahne:url(/img/sahne-asansor-gunduz.svg?v=2)}
html{background:linear-gradient(180deg,var(--gok-ust) 0,#C9F0F5 30vh,var(--gok-alt) 64vh,var(--gok-alt) 100%) fixed var(--gok-alt);min-height:100%}
body{background:transparent!important;color:var(--murekkep);min-height:100vh}
body::before{content:"";position:fixed;left:0;right:0;bottom:0;height:var(--sahne-yuk);background:var(--sahne) center bottom/cover no-repeat;z-index:-1;pointer-events:none}
a{color:var(--ege)}

/* başlık: ince, yapışkan, beyaz cam + turkuaz alt çizgi */
header.korfez-ust{position:sticky;top:0;z-index:50;padding:0!important;overflow:visible;background:rgba(255,255,255,.88)!important;
  -webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:3px solid var(--turkuaz);box-shadow:0 4px 18px rgba(10,110,130,.10)}
header.korfez-ust .korfez{display:none!important}
header.korfez-ust .ust{min-height:60px;padding-top:8px;padding-bottom:8px;flex-wrap:nowrap}
header.korfez-ust .marka{color:var(--murekkep)!important;font-size:19px}
header.korfez-ust .marka img{width:34px;height:34px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
header.korfez-ust nav{gap:4px;flex-wrap:nowrap;width:auto}
header.korfez-ust nav a{color:var(--murekkep)!important;opacity:.8;font-weight:600;font-size:15px;padding:7px 12px;border-radius:999px}
header.korfez-ust nav a:hover{opacity:1;background:rgba(19,181,193,.12)}
header.korfez-ust nav a[aria-current]{opacity:1;background:var(--turkuaz-k);color:#fff!important}

/* içerik paneli */
main.kap,.kap.panel{background:var(--cam);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--cam-cizgi);
  border-radius:28px;box-shadow:var(--cam-golge);margin-top:22px;padding-top:6px;padding-bottom:26px}
main.kap{margin-left:auto;margin-right:auto}
main.kap>h1:first-child,main.kap>.hat-ust:first-child{margin-top:20px}
h1,h2{color:var(--murekkep)}
.kart,.kutu,.serit,.rehber-kart,.hat-liste a,.sss details{box-shadow:0 2px 12px rgba(10,110,130,.07);border-color:var(--cizgi)}
.kart,.kutu{border-radius:20px}

/* canlı düğmeler */
.play{background:linear-gradient(135deg,#0E9FAB,#087784)!important;color:#fff!important;box-shadow:0 6px 18px rgba(8,119,132,.28)}
.play:hover{filter:brightness(1.06)}
.sekme[aria-selected="true"],.gun[aria-pressed="true"],.filtre a[aria-current]{background:var(--turkuaz-k)!important;color:#fff!important;border-color:var(--turkuaz-k)!important}
.yakin,#yakin{background:var(--turkuaz-k)!important;color:#fff!important;border-color:var(--turkuaz-k)!important}
.ara-btn{background:var(--palmiye)!important}
.hatno,.hat-liste b{color:var(--turkuaz-k)}

/* alt bilgi: sahne görünsün diye altta boşluk, sonra beyaz cam şerit */
footer{background:rgba(255,255,255,.9)!important;color:var(--soluk)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:3px solid var(--turkuaz);
  margin-top:calc(var(--sahne-yuk) * .72)!important;padding:18px 0 22px!important}
footer a{color:var(--turkuaz-k)!important}

/* mobil */
@media (max-width:700px){
  :root{--sahne-yuk:clamp(200px,36vh,330px)}
  header.korfez-ust .ust{flex-wrap:wrap;gap:4px 10px;min-height:0;padding-top:8px;padding-bottom:6px}
  header.korfez-ust nav{width:100%;overflow-x:auto;scrollbar-width:none;margin:0 -8px;padding:0 4px}
  header.korfez-ust nav::-webkit-scrollbar{display:none}
  header.korfez-ust nav a{font-size:14.5px;padding:6px 11px;flex:0 0 auto}
  main.kap,.kap.panel{margin:12px 10px 0;padding-left:16px;padding-right:16px;border-radius:24px}
  main.kap{margin-left:10px;margin-right:10px}
  h1{font-size:clamp(28px,8vw,38px)!important}
}
@media (max-width:380px){header.korfez-ust nav a{padding:6px 8px;font-size:14px}}
@media (prefers-reduced-transparency:reduce){:root{--cam:#fff}}

/* ---- kartlar: pastel + filigran ikon (C tarzı, 26.10.2026) ---- */
.sehir-liste a,.rehber-kart,.yer-kart,.hat-liste a,.rehber-liste a,.muze{--r:#0A8794;position:relative;overflow:hidden;
  background:linear-gradient(160deg,color-mix(in srgb,var(--r) 14%,#fff),#fff 78%)!important;border:1.5px solid color-mix(in srgb,var(--r) 24%,#fff)!important;
  box-shadow:0 4px 14px -8px color-mix(in srgb,var(--r) 60%,transparent)!important;transition:transform .18s,box-shadow .18s}
.sehir-liste a:hover,.yer-kart:hover,.hat-liste a:hover,.rehber-liste a:hover{transform:translateY(-3px);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--r) 70%,transparent)!important}
.sehir-liste a{padding:18px 18px 16px!important;border-radius:20px!important}
.sehir-liste a>*:not(.fil){position:relative}
.sk-i{width:44px;height:44px;border-radius:13px;display:grid!important;place-items:center;color:#fff!important;background:var(--r);box-shadow:0 6px 14px -6px var(--r);margin-bottom:10px}
.sk-i svg{width:24px;height:24px}
.sehir-liste em{color:color-mix(in srgb,var(--r) 82%,#000)!important}
.sehir-liste .fil{position:absolute;right:-16px;bottom:-22px;width:110px;height:110px;color:var(--r);opacity:.12;pointer-events:none;transition:transform .3s}
.sehir-liste .fil svg{width:100%;height:100%}.sehir-liste a:hover .fil{transform:rotate(-8deg) scale(1.08)}
.yer-kart[style*="--r"]{background:linear-gradient(160deg,color-mix(in srgb,var(--r) 14%,#fff),#fff 78%)!important}
.yer-i{background:var(--r)!important;color:#fff}
.hat-liste a b{color:var(--turkuaz-k)}