/* Craftavia - squaremap teması (nginx sub_filter ile eklenir, plugin dosyalarına dokunmaz) */
:root{
  --ca-gold:#ffc83d; --ca-blue:#2ea8ff; --ca-ink:#e8eefc; --ca-mute:#9fb0d0;
  --ca-glass:rgba(10,18,40,.78); --ca-line:rgba(255,200,61,.28);
  --ca-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
body{background:#07101f}
#map{background:radial-gradient(ellipse at 50% 40%,#11244a 0%,#0a1630 55%,#050b18 100%)!important}
.leaflet-container{font-family:var(--ca-font)}

/* Marka rozeti */
.ca-brand{position:absolute;top:12px;left:12px;z-index:1000;display:flex;align-items:center;gap:10px;
  padding:6px 14px 6px 6px;border-radius:14px;background:var(--ca-glass);border:1px solid var(--ca-line);
  box-shadow:0 6px 24px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  text-decoration:none;color:var(--ca-ink);font-family:var(--ca-font);transition:border-color .2s,transform .2s}
.ca-brand:hover{border-color:var(--ca-gold);transform:translateY(-1px)}
.ca-brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(255,200,61,.35))}
.ca-brand b{display:block;font-size:15px;font-weight:800;letter-spacing:.12em;
  color:var(--ca-gold);line-height:1.1}
.ca-brand span{display:block;font-size:11px;font-weight:500;color:var(--ca-mute);letter-spacing:.04em}
.leaflet-top.leaflet-left{top:66px}

/* Leaflet kontrolleri: koyu cam */
.leaflet-bar,.leaflet-control-layers,div.leaflet-control-layers.coordinates{
  background:var(--ca-glass)!important;border:1px solid var(--ca-line)!important;border-radius:12px!important;
  box-shadow:0 6px 20px rgba(0,0,0,.4)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--ca-ink)!important;overflow:hidden}
.leaflet-bar a,.leaflet-bar a:hover{background:transparent!important;color:var(--ca-ink)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;width:34px!important;height:34px!important;line-height:34px!important}
.leaflet-bar a:hover{color:var(--ca-gold)!important;background:rgba(255,200,61,.10)!important}
.leaflet-bar a:last-child{border-bottom:0!important}
.leaflet-control-layers-expanded{padding:10px 14px!important;font-size:13px}
.leaflet-control-layers label{margin:3px 0;cursor:pointer}
.leaflet-control-layers input{accent-color:var(--ca-gold)}
.leaflet-control-layers-separator{border-top-color:rgba(255,255,255,.12)!important}
div.leaflet-control-layers.coordinates{font-family:var(--ca-font);font-size:12px;padding:6px 12px!important;height:auto!important;line-height:1.45!important}
div.leaflet-control-layers.link img{filter:invert(1) brightness(1.4)}
.leaflet-control-attribution{background:rgba(5,11,24,.6)!important;color:var(--ca-mute)!important;border-radius:8px 0 0 0}
.leaflet-control-attribution a{color:var(--ca-blue)!important}

/* Kenar paneli */
#sidebar{background:linear-gradient(180deg,rgba(10,18,40,.92),rgba(6,12,28,.92))!important;
  border-left:1px solid var(--ca-line)!important;font-family:var(--ca-font)!important;font-size:13px!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:-8px 0 30px rgba(0,0,0,.45)}
#sidebar.show{width:230px!important}
#sidebar #pin{right:-190px!important}
#sidebar legend{color:var(--ca-gold);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px}
#sidebar fieldset{border-top:1px solid rgba(255,255,255,.08)!important}
#sidebar fieldset a,#sidebar fieldset a:visited{color:var(--ca-ink)!important;border-radius:8px;margin:2px 8px}
#sidebar fieldset a:hover{background:rgba(255,200,61,.12)!important}
#sidebar fieldset a.following{background:rgba(46,168,255,.22)!important;box-shadow:inset 3px 0 0 var(--ca-blue)}
#sidebar fieldset#players a img{border-radius:4px}

/* Oyuncu isim etiketleri */
div.leaflet-nameplate-pane>div{background:rgba(8,16,36,.82)!important;border:1px solid var(--ca-line)!important;
  border-radius:10px!important;padding:5px 8px!important;font-family:var(--ca-font);color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.5)}
div.leaflet-nameplate-pane img.head{border-radius:3px}

/* Kasaba açılır pencereleri */
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(10,18,40,.95)!important;color:var(--ca-ink)!important;
  border:1px solid var(--ca-line);box-shadow:0 10px 30px rgba(0,0,0,.55)!important}
.leaflet-popup-content-wrapper{border-radius:14px!important}
.leaflet-popup-content{font-family:var(--ca-font);font-size:13px;line-height:1.55;margin:12px 16px!important}
.leaflet-popup-content hr{border-top-color:rgba(255,255,255,.12)!important}
.leaflet-popup-close-button{color:var(--ca-mute)!important}
.leaflet-tooltip{background:rgba(10,18,40,.92)!important;color:var(--ca-ink)!important;border:1px solid var(--ca-line)!important;
  border-radius:8px!important;font-family:var(--ca-font);box-shadow:0 4px 14px rgba(0,0,0,.45)!important}
.leaflet-tooltip-top:before{border-top-color:rgba(10,18,40,.92)!important}
.leaflet-tooltip-bottom:before{border-bottom-color:rgba(10,18,40,.92)!important}
.leaflet-tooltip-left:before{border-left-color:rgba(10,18,40,.92)!important}
.leaflet-tooltip-right:before{border-right-color:rgba(10,18,40,.92)!important}

/* Dünya sınırı çizgisi (ChunkyBorder): ince, yumuşak altın */
path.leaflet-interactive[stroke="#ffc83d"]{stroke-opacity:.55;filter:drop-shadow(0 0 4px rgba(255,200,61,.6))}

@media (max-width:600px){
  .ca-brand{padding:4px 10px 4px 4px;gap:8px}
  .ca-brand img{width:32px;height:32px}
  .ca-brand b{font-size:13px}
  .ca-brand span{display:none}
  .leaflet-top.leaflet-left{top:54px}
}

/* ---- Baloncuk içeriği (AviaHarita) ---- */
.ca-pop{min-width:190px}
.ca-pop-t{display:block;color:var(--ca-gold);font-size:14px;font-weight:800;margin-bottom:6px}
.ca-pop-r{display:flex;justify-content:space-between;gap:14px;padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.ca-pop-r span{color:var(--ca-mute)}
.ca-pop-r b{color:var(--ca-ink);font-weight:600;text-align:right}
.ca-pop-n{margin-top:6px;color:var(--ca-mute);font-size:12px}
.ca-pop-n b{color:var(--ca-blue)}

/* ---- Arama ---- */
.ca-search{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:1001;width:min(360px,calc(100vw - 260px));font-family:var(--ca-font)}
.ca-search input{width:100%;box-sizing:border-box;padding:11px 14px 11px 38px;border-radius:12px;border:1px solid var(--ca-line);
  background:var(--ca-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239fb0d0' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E") no-repeat 13px 50%;
  color:var(--ca-ink);font:500 14px var(--ca-font);outline:none;box-shadow:0 6px 24px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ca-search input::placeholder{color:var(--ca-mute)}
.ca-search input:focus{border-color:var(--ca-gold)}
.ca-search ul{display:none;margin:6px 0 0;padding:6px;border-radius:12px;background:rgba(10,18,40,.95);border:1px solid var(--ca-line);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.ca-search.open ul{display:block}
.ca-search li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ca-ink);font-size:13px}
.ca-search li.on,.ca-search li:hover{background:rgba(255,200,61,.12)}
.ca-search li .ic{width:18px;text-align:center;color:var(--ca-gold)}
.ca-search li b{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-search li em{font-style:normal;font-size:11px;color:var(--ca-mute)}

/* ---- Katıl kartı ---- */
.ca-join{position:absolute;right:12px;bottom:28px;z-index:1000;display:flex;gap:8px;font-family:var(--ca-font)}
.ca-join>*{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--ca-line);
  background:var(--ca-glass);color:var(--ca-ink);text-decoration:none;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:600 13px var(--ca-font);transition:border-color .2s,transform .2s}
.ca-join>*:hover{border-color:var(--ca-gold);transform:translateY(-1px)}
.ca-join b{color:var(--ca-gold);letter-spacing:.02em}
.ca-join small{color:var(--ca-mute);font-weight:500;font-size:11px}
.ca-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.2)}
.ca-dc{background:rgba(88,101,242,.85)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}

/* ---- Uluslar ---- */
.ca-nations{position:absolute;right:12px;bottom:80px;z-index:1000;font-family:var(--ca-font);max-width:240px}
.ca-nt{padding:8px 12px;border-radius:12px;border:1px solid var(--ca-line);background:var(--ca-glass);color:var(--ca-gold);
  font:700 12px var(--ca-font);letter-spacing:.05em;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4);float:right}
.ca-nations ul{display:none;clear:both;margin:0 0 6px;padding:8px;max-height:40vh;overflow:auto;border-radius:12px;
  background:rgba(10,18,40,.95);border:1px solid var(--ca-line)}
.ca-nations.open ul{display:block}
.ca-nations{display:flex;flex-direction:column-reverse;align-items:flex-end}
.ca-nations li{display:flex;align-items:center;gap:8px;padding:4px 6px;font-size:12px;color:var(--ca-ink)}
.ca-nations li i{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.ca-nations li b{flex:1;font-weight:600}
.ca-nations li em{font-style:normal;color:var(--ca-mute);font-size:11px}

/* ---- Oyun saati ---- */
.ca-time{position:absolute;top:66px;left:50%;transform:translateX(-50%);z-index:999;padding:4px 10px;border-radius:999px;
  background:var(--ca-glass);border:1px solid var(--ca-line);color:var(--ca-ink);font:600 12px var(--ca-font);pointer-events:none}
.ca-time span{color:var(--ca-gold)}
.leaflet-tile-pane{transition:filter 2s ease}

@media (max-width:700px){
  .ca-search{top:auto;bottom:74px;left:12px;right:12px;transform:none;width:auto}
  .ca-time{top:62px;left:auto;right:12px;transform:none}
  .ca-join{bottom:22px;right:12px;left:auto}
  .ca-join small{display:none}
  .ca-nations{bottom:126px}
  div.leaflet-control-layers.coordinates{display:none!important}
}
