/* Bitigora — Dünya Keşfi / World Explorer
   Scoped to .wx so the approved homepage and inner-page styles stay untouched. */
.wx{--wx-panel:#0b2234;--wx-panel2:#10283a;--wx-line:#2c4757;--wx-line2:#3d5a6a;--wx-text:#e8eef1;--wx-muted:#a9bcc7;--wx-gold:var(--gold,#efc27e);--wx-gold2:var(--gold2,#b98543);--wx-cyan:var(--cyan,#3dd5e2);--wx-cream:var(--cream,#f7e5c8);--wx-map-h:clamp(480px,calc(100vh - 280px),900px);background:linear-gradient(180deg,#061729,#081d2e 70%,#061729);color:var(--wx-text);padding-bottom:40px}
.wx [hidden]{display:none!important}
.wx button{font:inherit;color:inherit}
.wx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Compact head */
.wx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:16px}
.wx-head h1{font-size:clamp(30px,3vw,44px);color:var(--wx-cream);margin:6px 0 6px;line-height:1.02}
.wx-head p{margin:0;color:#cfdbe1;font-size:15px;line-height:1.5;max-width:640px}
.wx-headside{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.wx-stat{font-size:12px;color:var(--wx-muted);letter-spacing:.04em;white-space:nowrap}
.wx-stat strong{color:var(--wx-gold);font-size:15px;font-weight:700;margin-right:3px}
.wx-seg{display:inline-flex;padding:3px;border:1px solid var(--wx-line2);border-radius:12px;background:#061525}
.wx-seg button{border:0;background:transparent;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:#bdccd5;cursor:pointer}
.wx-seg button[aria-pressed="true"]{background:var(--wx-gold);color:#15202a}

/* Shell */
.wx-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}
.wx-filters{height:var(--wx-map-h);display:flex;flex-direction:column;border:1px solid var(--wx-line);border-radius:14px;background:linear-gradient(180deg,#0c2537,#081c2c);overflow:hidden}
.wx-fhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--wx-line)}
.wx-fhead h2{font:600 15px Inter,Segoe UI,Arial,sans-serif;margin:0;color:var(--wx-cream);display:flex;align-items:center;gap:8px}
.wx-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--wx-cyan);color:#05202a;font-size:11px;font-weight:800}
.wx-badge[data-n="0"]{display:none}
.wx-fhead>div{display:flex;align-items:center;gap:6px}
.wx-clear{border:1px solid var(--wx-line2);background:transparent;border-radius:9px;padding:6px 11px;font-size:12px;color:#d6e2e8;cursor:pointer}
.wx-clear:disabled{opacity:.45;cursor:default}
.wx-fclose{display:none;border:0;background:transparent;font-size:22px;line-height:1;padding:4px 8px;cursor:pointer}
.wx-fbody{overflow:auto;padding:4px 16px 16px;flex:1;scrollbar-width:thin;scrollbar-color:#35505b transparent}
.wx-group{border-bottom:1px solid #1d3646;padding:12px 0}
.wx-group:last-child{border-bottom:0}
.wx-group summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--wx-gold2);text-transform:uppercase;padding:2px 0 10px}
.wx-group summary::-webkit-details-marker{display:none}
.wx-group summary:after{content:"–";color:#7f97a5;font-size:14px}
.wx-group:not([open]) summary:after{content:"+"}
.wx-group summary:focus-visible{outline:2px solid var(--wx-cyan);outline-offset:3px;border-radius:4px}
.wx-opts{display:flex;flex-wrap:wrap;gap:7px}
.wx-opt{display:inline-flex;align-items:center;gap:6px;border:1px solid #33505f;background:#0d2a3b;color:#d5e1e7;border-radius:999px;padding:6px 11px;font-size:12px;cursor:pointer;line-height:1.2;text-align:left}
.wx-opt small{color:#86a0ae;font-size:11px}
.wx-opt:hover{border-color:#b98543}
.wx-opt[aria-pressed="true"]{background:var(--wx-gold);border-color:var(--wx-gold);color:#15202a;font-weight:600}
.wx-opt[aria-pressed="true"] small{color:#4b3b22}
.wx-opt.is-empty:not([aria-pressed="true"]){opacity:.42}
.wx-more{margin-top:9px;border:0;background:transparent;color:var(--wx-cyan);font-size:12px;padding:2px 0;cursor:pointer}
.wx-fapply{display:none}

/* Stage */
.wx-stage{min-width:0;display:flex;flex-direction:column;gap:12px}
.wx-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wx-search{position:relative;flex:1 1 320px;min-width:0}
.wx-search input{width:100%;background:#0d2a3b;color:#fff;border:1px solid #3c5a6b;border-radius:11px;padding:12px 40px 12px 40px;font-size:14px}
.wx-search input::placeholder{color:#8ea5b2}
.wx-search input:focus{outline:2px solid var(--wx-cyan);outline-offset:1px;border-color:transparent}
.wx-search .wx-sicon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--wx-gold);pointer-events:none;font-size:16px}
.wx-sclear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#a9bcc7;font-size:18px;padding:6px 9px;cursor:pointer;border-radius:8px}
.wx-suggest{position:absolute;z-index:1200;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#0b2234;border:1px solid #3d5a6a;border-radius:12px;box-shadow:0 18px 40px #0009;max-height:340px;overflow:auto}
.wx-suggest li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:9px 11px;border-radius:8px;cursor:pointer}
.wx-suggest li[aria-selected="true"],.wx-suggest li:hover{background:#163a4f}
.wx-suggest b{color:var(--wx-cream);font-weight:600}
.wx-suggest span{color:var(--wx-muted);font-size:12px;text-align:right}
.wx-suggest .wx-snone{color:var(--wx-muted);cursor:default}
.wx-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #37aebc;background:#092a36;color:#daf6f8;border-radius:11px;padding:11px 15px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.wx-btn:hover{border-color:var(--wx-cyan)}
.wx-btn[aria-pressed="true"]{background:var(--wx-cyan);color:#05202a;border-color:var(--wx-cyan)}
.wx-btn.gold{border-color:#bb925c;background:transparent;color:var(--wx-cream)}
.wx-btn:disabled{opacity:.6;cursor:progress}
.wx-ftoggle{display:none}
.wx-count{font-size:12px;color:var(--wx-muted);white-space:nowrap}
.wx-count strong{color:var(--wx-cream)}

/* Map */
.wx-mapwrap{position:relative;height:var(--wx-map-h);border:1px solid var(--wx-line);border-radius:14px;overflow:hidden;background:#071827}
.wx-map{position:absolute;inset:0;z-index:0;background:#08192a;font:inherit}
.wx .wx-map.leaflet-container{background:#08192a}
.wx-map .wx-tiles-osm{filter:invert(1) grayscale(.55) brightness(.62) contrast(1.05) sepia(.55) hue-rotate(172deg) saturate(1.9)}
.wx-map .leaflet-control-zoom{border:1px solid var(--wx-line2)!important;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0007}
.wx-map .leaflet-control-zoom a{background:#0b2234;color:var(--wx-cream);border-bottom-color:#2c4757;width:34px;height:34px;line-height:32px}
.wx-map .leaflet-control-zoom a:hover{background:#163a4f;color:var(--wx-gold)}
.wx-map .leaflet-control-zoom a.leaflet-disabled{background:#0b2234;color:#4f6673}
.wx-map .leaflet-control-attribution{background:#061729cc;color:#9fb3bf;font-size:10px;border-top-left-radius:8px}
.wx-map .leaflet-control-attribution a{color:#cfe2ea}
.wx-map .leaflet-container a.leaflet-popup-close-button{color:#ccc}
.wx-map:focus-visible{outline:2px solid var(--wx-cyan);outline-offset:-3px}
.wx-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--wx-muted);font-size:14px;z-index:500;background:radial-gradient(circle at 50% 45%,#12364a,#071827 65%)}

/* Markers */
.wx-marker{background:none;border:0}
.wx-pin{display:block;width:100%;height:100%;position:relative;transition:transform .16s ease}
.wx-pin:before{content:"";position:absolute;inset:5px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe0a8,#d69c56);border:2px solid #3b2810;border-radius:3px;box-shadow:0 0 0 2px #efc27e55,0 3px 8px #000a}
.wx-marker:hover .wx-pin,.wx-marker:focus .wx-pin{transform:scale(1.28)}
.wx-marker:focus{outline:none}
.wx-marker:focus-visible .wx-pin:after{content:"";position:absolute;inset:-4px;border:2px solid var(--wx-cyan);border-radius:50%}
.wx-pin.is-featured:before{box-shadow:0 0 0 2px #efc27e99,0 0 14px #efc27e66,0 3px 8px #000a}
.wx-pin.is-selected{transform:scale(1.15)}
.wx-pin.is-selected:before{inset:3px;transform:none;border-radius:50%;background:var(--wx-cyan);border:3px solid #052a33;box-shadow:0 0 0 3px #3dd5e2aa,0 0 22px #3dd5e2cc}
.wx-pin.is-selected:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#052a33}
.wx-cluster{background:none;border:0}
.wx-cluster span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#13394d 0 58%,#0b2234 60%);border:2px solid var(--wx-gold);color:var(--wx-cream);font:700 13px Inter,Segoe UI,Arial,sans-serif;box-shadow:0 0 0 5px #efc27e26,0 6px 14px #000a;transition:transform .16s}
.wx-cluster:hover span{transform:scale(1.08);border-color:#ffd69a}
.wx-me{background:none;border:0}
.wx-me span{display:block;width:100%;height:100%;border-radius:50%;background:#fff;border:4px solid var(--wx-cyan);box-shadow:0 0 0 6px #3dd5e244}

/* Notice */
.wx-notice{position:absolute;z-index:800;left:50%;top:12px;transform:translateX(-50%);max-width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px 14px;border:1px solid #3d5a6a;border-radius:12px;background:#0b2234f2;box-shadow:0 12px 30px #0008;font-size:13px;color:#dce7ec}
.wx-notice.is-warn{border-color:#bb925c}
.wx-notice button{border:1px solid #3d5a6a;background:#0d2a3b;color:#dce7ec;border-radius:8px;padding:5px 9px;font-size:12px;cursor:pointer}
.wx-notice button[aria-pressed="true"]{background:var(--wx-cyan);color:#05202a;border-color:var(--wx-cyan);font-weight:700}
.wx-notice .wx-x{border:0;background:transparent;font-size:17px;padding:2px 6px}
.wx-notice .wx-link{border:0;background:none;color:var(--wx-cyan);text-decoration:underline;padding:0}

/* Drawer */
.wx-drawer{position:absolute;z-index:900;top:0;right:0;bottom:0;width:min(410px,92%);background:linear-gradient(180deg,#0c2537,#071a29);border-left:1px solid #3d5a6a;box-shadow:-20px 0 40px #0008;overflow:auto;transform:translateX(105%);transition:transform .24s ease;visibility:hidden;scrollbar-width:thin;scrollbar-color:#35505b transparent}
.wx-drawer.is-open{transform:none;visibility:visible}
.wx-dclose{position:absolute;z-index:3;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff40;background:#061729cc;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.wx-dclose:hover{border-color:var(--wx-gold);color:var(--wx-gold)}
.wx-dgrip{display:none}
.wx-dmedia{position:relative;height:190px;overflow:hidden;background:radial-gradient(circle at 78% 30%,#1f7180aa,transparent 46%),linear-gradient(130deg,#0d2c3d,#0a2031 55%,#3a2a17);border-bottom:1px solid #2c4757}
.wx-dmedia img{width:100%;height:100%;object-fit:cover;display:block}
.wx-dmedia:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0c2537)}
.wx-dglyph{position:absolute;right:22px;top:30px;font-size:84px;line-height:1;color:#efc27e3d;font-family:Georgia,serif;pointer-events:none}
.wx-darc{position:absolute;left:-60px;bottom:-120px;width:260px;height:260px;border-radius:50%;border:2px solid transparent;border-top-color:#efc27e88;border-right-color:#3dd5e288;transform:rotate(-20deg)}
.wx-dcoord{position:absolute;left:20px;bottom:16px;z-index:2;font-size:11px;letter-spacing:.12em;color:#c9d7de}
.wx-dbody{padding:18px 22px 24px}
.wx-dbody h2{font-size:30px;color:var(--wx-cream);margin:6px 0 6px;line-height:1.08}
.wx-dplace{color:#c5d4dc;font-size:14px;margin:0 0 12px}
.wx-chip{display:inline-block;font-size:11px;background:var(--wx-gold);color:#182332;padding:5px 9px;border-radius:6px;font-weight:700}
.wx-summary{color:#d7e2e7;font-size:14px;line-height:1.65;margin:14px 0 16px}
.wx-facts{display:grid;grid-template-columns:110px 1fr;gap:9px 12px;margin:0 0 18px;font-size:13px}
.wx-facts dt{color:var(--wx-gold2);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}
.wx-facts dd{margin:0;color:#dbe6ea}
.wx-tags{display:flex;flex-wrap:wrap;gap:6px}
.wx-tags span{padding:4px 9px;border:1px solid #41606f;border-radius:999px;font-size:12px;background:#0a2132}
.wx-sec{margin-top:18px;padding-top:16px;border-top:1px solid #23404f}
.wx-sec h3{font:700 11px Inter,Segoe UI,Arial,sans-serif;letter-spacing:.16em;color:var(--wx-gold2);margin:0 0 10px;text-transform:uppercase}
.wx-scripts{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:12px}
.wx-scripts div{padding:10px 11px;border:1px solid #3a5866;border-radius:10px;background:#0a2031;font-size:13px;color:var(--wx-cream)}
.wx-scripts small{display:block;color:var(--wx-muted);font-size:11px;margin-bottom:3px}
.wx-news{display:grid;gap:9px}
.wx-news a{display:block;padding:11px 12px;border:1px solid #3a5866;border-radius:10px;background:#0a2031}
.wx-news a:hover{border-color:var(--wx-gold)}
.wx-news b{display:block;color:#fff1d8;font-size:14px;font-weight:600;line-height:1.35}
.wx-news span{display:block;color:var(--wx-muted);font-size:12px;margin-top:5px}
.wx-sources{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.wx-sources a{color:var(--wx-cyan);font-size:13px}
.wx-sources a:hover{text-decoration:underline}
.wx-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.wx-actions a{display:inline-flex;align-items:center;gap:7px;border:1px solid #bb925c;border-radius:10px;padding:10px 13px;font-size:13px;font-weight:600;color:var(--wx-cream)}
.wx-actions a.primary{border:0;background:linear-gradient(135deg,#ffd69a,#d69c56);color:#17202b;padding:10px 14px;font-weight:700}
.wx-actions a:hover{border-color:var(--wx-gold)}

/* List view */
.wx-list{min-height:var(--wx-map-h)}
.wx-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.wx-card{height:100%;display:flex;flex-direction:column;border:1px solid #3d5a6a;border-radius:12px;background:linear-gradient(180deg,#123044,#0a1d2d);padding:16px 16px 14px}
.wx-card:hover{border-color:#edc27d}
.wx-card .eyebrow{font-size:10px;letter-spacing:.18em}
.wx-card h3{font-size:22px;color:#fff1d8;margin:7px 0 4px;line-height:1.15}
.wx-card .wx-cplace{color:var(--wx-muted);font-size:12px;margin:0 0 10px}
.wx-card p{color:#bfccd2;font-size:13px;line-height:1.55;margin:0 0 12px}
.wx-card .wx-cfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #34505f;padding-top:10px;font-size:12px;color:#a6b9c5}
.wx-card button{border:0;background:none;color:var(--wx-gold);font-weight:700;font-size:13px;cursor:pointer;padding:4px 0}
.wx-dist{color:var(--wx-cyan);font-weight:700}
.wx-empty{padding:40px 20px;text-align:center;border:1px dashed #3d5a6a;border-radius:12px;color:var(--wx-muted)}
.wx-empty button{margin-top:12px}
.wx-pager{display:flex;justify-content:center;margin-top:16px}

.wx-mobilebar{display:none}

/* Tablet: filters become a slide-over panel */
@media(max-width:1100px){
 .wx-shell{grid-template-columns:minmax(0,1fr)}
 .wx-ftoggle{display:inline-flex}
 .wx-filters{position:fixed;z-index:1500;left:0;top:0;bottom:0;height:auto;width:min(340px,88vw);border-radius:0 14px 14px 0;transform:translateX(-105%);transition:transform .24s ease;visibility:hidden;box-shadow:20px 0 50px #000a}
 .wx-filters.is-open{transform:none;visibility:visible}
 .wx-fclose{display:block}
 .wx-fapply{display:block;padding:12px 16px;border-top:1px solid var(--wx-line)}
 .wx-fapply button{width:100%;justify-content:center}
 .wx-scrim{position:fixed;inset:0;z-index:1400;background:#020b14b0}
}
@media(min-width:1101px){.wx-scrim{display:none!important}}

/* Mobile: bottom sheets */
@media(max-width:700px){
 .wx{--wx-map-h:max(68vh,440px);padding-bottom:0}
 .wx-head{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px;padding-bottom:12px}
 .wx-head p{font-size:14px}
 .wx-headside{width:100%;justify-content:space-between}
 .wx-toolbar .wx-ftoggle,.wx-toolbar .wx-near,.wx-toolbar .wx-count{display:none}
 .wx-search{flex-basis:100%}
 .wx-stage{gap:10px}
 .wx-mapwrap{border-radius:12px}
 .wx-mobilebar{display:flex;gap:10px;position:sticky;bottom:0;z-index:950;padding:10px 0 12px;background:linear-gradient(180deg,transparent,#061729 35%)}
 .wx-mobilebar .wx-btn{flex:1;justify-content:center;padding:13px 10px}
 .wx-filters{left:0;right:0;top:auto;bottom:0;width:auto;max-height:82vh;border-radius:18px 18px 0 0;transform:translateY(105%)}
 .wx-filters.is-open{transform:none}
 .wx-drawer{position:fixed;z-index:1300;top:auto;left:0;right:0;bottom:0;width:auto;max-height:78vh;border-left:0;border-top:1px solid #3d5a6a;border-radius:18px 18px 0 0;transform:translateY(105%);box-shadow:0 -20px 50px #000b}
 .wx-drawer.is-open{transform:none}
 .wx-dgrip{display:block;position:absolute;z-index:3;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:3px;background:#ffffff55}
 .wx-dmedia{height:140px}
 .wx-dglyph{font-size:64px;top:22px}
 .wx-dbody h2{font-size:26px}
 .wx-facts{grid-template-columns:96px 1fr}
 .wx-notice{top:8px;font-size:12px;padding:8px 10px}
 .wx-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.wx-drawer,.wx-filters,.wx-pin,.wx-cluster span{transition:none}}