/* skin-radar.css — panel s mapou letadel vedle vodopádu. Injektuje se přes nginx sub_filter. */

.sdr-radar{
  box-sizing:border-box;
  background:var(--sk-card,#fff);
  border:1px solid var(--sk-line,#e3eaf1);
  border-radius:16px;
  box-shadow:0 12px 32px rgba(16,38,60,.10);
  overflow:hidden;
  margin:14px 0;
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
/* širokoúhlý režim: plovoucí panel vpravo od 1024px vodopádu — šířku i výšku
   dopočítá JS tak, aby vyplnil celou volnou pravou stranu */
.sdr-radar.side{
  position:absolute;
  margin:0;
  z-index:5;
  display:flex; flex-direction:column;
}
.sdr-radar.side .sdr-radar-body{ flex:1; display:flex; flex-direction:column; }

.sdr-radar-head{
  display:flex; align-items:center; gap:8px;
  padding:11px 14px;
  background:linear-gradient(90deg,var(--sk-accent,#1577b8),var(--sk-accent2,#28c0d6));
  color:#fff; font-weight:800; letter-spacing:-.01em; cursor:pointer; user-select:none;
}
.sdr-radar-head .sdr-r-count{
  margin-left:auto; font-weight:700; font-size:13px;
  background:rgba(255,255,255,.22); padding:2px 10px; border-radius:999px;
}
.sdr-radar-head .sdr-r-toggle{ font-size:13px; opacity:.9; transition:transform .2s; }
.sdr-radar.collapsed .sdr-r-toggle{ transform:rotate(-90deg); }
.sdr-radar.collapsed .sdr-radar-body{ display:none; }
/* sbalený boční panel nesmí držet pevnou výšku z JS (jinak zůstane bílý box) */
.sdr-radar.side.collapsed{ height:auto !important; }

.sdr-radar-map{ width:100%; height:420px; background:#1a2530; }
/* tmavé dlaždice CARTO trochu zesvětlit */
.sdr-radar-map .leaflet-tile{ filter:brightness(1.32); }
.sdr-radar.side .sdr-radar-map{ flex:1; height:auto; min-height:420px; }

.sdr-radar-foot{
  display:flex; align-items:center; gap:8px;
  padding:7px 13px; font-size:11.5px; color:var(--sk-dim,#5b7180);
  border-top:1px solid var(--sk-line,#e3eaf1); background:#f7fafc;
}
.sdr-radar-foot a{ color:var(--sk-accent,#1577b8); text-decoration:none; }
.sdr-radar-foot .sdr-r-age{ margin-left:auto; }

/* letadlo = otočená šipka */
.sdr-plane{ background:none; border:0; }
.sdr-plane-i{
  font-size:17px; line-height:17px; text-align:center;
  text-shadow:0 0 2px rgba(0,0,0,.55), 0 0 1px rgba(0,0,0,.9);
  transition:transform .8s linear;
}
.leaflet-tooltip.sdr-plane-lbl{
  background:none; border:0; box-shadow:none; padding:0; margin:0;
  color:#e8f0f6; font-size:10px; font-weight:700; white-space:nowrap;
  text-shadow:0 0 3px #050d15,0 0 3px #050d15,0 0 2px #000; pointer-events:none;
}
.leaflet-tooltip.sdr-plane-lbl:before{ display:none; }
.sdr-lbl-off .sdr-plane-lbl{ display:none; }

/* letiště — oranžový kosočtverec + popisek (vždy viditelný) */
.sdr-apt-i{ width:9px; height:9px; background:#ffb020; border:1.5px solid #fff;
  border-radius:2px; transform:rotate(45deg); box-shadow:0 0 5px rgba(0,0,0,.8); }
.leaflet-tooltip.sdr-apt-lbl{ background:none; border:0; box-shadow:none; padding:0; margin:0;
  color:#ffcf85; font-size:11px; font-weight:800; white-space:nowrap;
  text-shadow:0 0 3px #050d15,0 0 3px #050d15,0 0 2px #000; pointer-events:none; }
.leaflet-tooltip.sdr-apt-lbl:before{ display:none; }
/* QTH (stanoviště SDR) */
.sdr-qth-i{ font-size:18px; text-shadow:0 0 3px #fff,0 0 3px #fff; }

.leaflet-popup-content{ font:13px/1.4 "Segoe UI",system-ui,sans-serif; margin:0; width:262px !important; }
.leaflet-popup-content-wrapper{ border-radius:12px; padding:1px; }
.sdr-pop-photo{ margin:0 0 8px; border-radius:11px 11px 0 0; overflow:hidden; background:#e7edf2; }
.sdr-pop-photo a{ display:block; position:relative; }
.sdr-pop-photo img{ display:block; width:100%; height:auto; }
.sdr-pop-ph-load{ padding:22px 0; text-align:center; color:var(--sk-dim,#5b7180); font-size:12px; }
.sdr-pop-cred{ position:absolute; right:0; bottom:0; background:rgba(0,0,0,.55); color:#fff;
  font-size:10px; padding:2px 6px; border-radius:6px 0 0 0; }
.sdr-pop-h{ padding:0 12px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.sdr-pop-flt{ font-weight:800; color:var(--sk-accent,#1577b8); font-size:15px; }
.sdr-pop-op{ color:var(--sk-dim,#5b7180); font-size:12px; font-weight:600; }
.sdr-pop-op:empty{ display:none; }
.sdr-pop-route{ padding:5px 12px 0; display:flex; align-items:center; gap:7px; flex-wrap:wrap; color:#33454f; font-size:13px; }
.sdr-pop-route b{ color:var(--sk-accent,#1577b8); font-size:14px; }
.sdr-pop-route small{ color:var(--sk-dim,#5b7180); font-size:11px; }
.sdr-pop-route .sdr-r-arr{ color:var(--sk-accent,#1577b8); font-weight:800; }
.sdr-pop-t{ width:100%; border-collapse:collapse; margin:6px 0 4px; }
.sdr-pop-t td{ padding:2px 12px; color:#33454f; vertical-align:top; }
.sdr-pop-t td:first-child{ color:var(--sk-dim,#5b7180); white-space:nowrap; width:1%; padding-right:10px; }
.sdr-vr.up{ color:#2bb673; font-weight:800; }
.sdr-vr.dn{ color:#e0562d; font-weight:800; }
.sdr-pop-emg{ background:#e0562d; color:#fff; font-weight:800; text-align:center;
  padding:5px 8px; margin:0 0 8px; border-radius:11px 11px 0 0; letter-spacing:.02em; }

@media (max-width:1024px){
  .sdr-radar-map{ height:340px; }
}