/*
Theme Name: World Intel Command - Hotzone Center Fill Edition
Theme URI: https://digitalmediausa.com/
Author: Digital Media USA / Hans Wilder
Description: Classic single-theme dark command dashboard with hot-zone map presets, full-height center map column, bottom video bay, scrollable channels, and customizable sidebar widget bays.
Version: 9.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: world-intel-command
*/
:root{--wi-bg:#05070c;--wi-bg2:#07101d;--wi-panel:rgba(10,16,28,.90);--wi-text:#e5eef8;--wi-muted:#91a3b7;--wi-accent:#33d6ff;--wi-hot:#ff4d5e;--wi-gold:#ffc857;--wi-border:rgba(255,255,255,.10);--wi-map-ocean:#071421;--wi-radius:22px;--wi-shadow:0 22px 90px rgba(0,0,0,.45)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,var(--wi-bg2),var(--wi-bg) 48%,#010207);color:var(--wi-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wi-shell{min-height:100vh;padding:18px}.wi-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;border:1px solid var(--wi-border);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-radius:var(--wi-radius);padding:0 18px;box-shadow:var(--wi-shadow);backdrop-filter:blur(18px)}.wi-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.wi-orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--wi-accent) 35%,transparent 38%),linear-gradient(135deg,var(--wi-accent),var(--wi-hot));box-shadow:0 0 28px var(--wi-accent)}.wi-live{font-size:12px;color:var(--wi-accent);border:1px solid rgba(51,214,255,.35);border-radius:999px;padding:7px 10px}.wi-nav{display:flex;gap:10px}.wi-nav a{color:var(--wi-muted);font-size:13px;padding:8px 10px;border-radius:999px}.wi-nav a:hover{background:rgba(255,255,255,.08);color:var(--wi-text)}.wi-grid{display:grid;grid-template-columns:310px minmax(420px,1fr) 330px;gap:16px;min-height:calc(100vh - 128px)}.wi-panel{border:1px solid var(--wi-border);background:var(--wi-panel);border-radius:var(--wi-radius);box-shadow:var(--wi-shadow);backdrop-filter:blur(18px);overflow:hidden}.wi-sidebar,.wi-right{display:flex;flex-direction:column;gap:16px}.wi-section{padding:20px;border-bottom:1px solid var(--wi-border)}.wi-section:last-child{border-bottom:0}.wi-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--wi-accent);font-weight:800}.wi-title{font-size:34px;line-height:.95;margin:12px 0}.wi-copy{color:var(--wi-muted);line-height:1.55}.wi-search{width:100%;border:1px solid var(--wi-border);background:rgba(255,255,255,.05);color:var(--wi-text);border-radius:14px;padding:12px;margin:10px 0 16px;outline:none}.wi-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wi-stat{border:1px solid var(--wi-border);border-radius:16px;padding:14px;background:rgba(255,255,255,.04)}.wi-stat b{display:block;font-size:24px;color:var(--wi-text)}.wi-stat span{color:var(--wi-muted);font-size:12px}.wi-layer-list{display:grid;gap:8px}.wi-layer{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--wi-border);border-radius:16px;padding:12px;background:rgba(255,255,255,.04);cursor:pointer}.wi-layer small{color:var(--wi-muted)}.wi-toggle{width:36px;height:20px;border-radius:999px;background:rgba(51,214,255,.25);position:relative}.wi-toggle:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--wi-accent);position:absolute;right:3px;top:3px;box-shadow:0 0 14px var(--wi-accent)}.wi-layer.wi-off{opacity:.45}.wi-layer.wi-off .wi-toggle:after{right:19px;background:var(--wi-muted);box-shadow:none}.wi-mapwrap{position:relative;min-height:calc(100vh - 128px);border:1px solid var(--wi-border);border-radius:var(--wi-radius);overflow:hidden;background:var(--wi-map-ocean);box-shadow:var(--wi-shadow)}#wi-map-live{position:absolute;inset:0;z-index:1;background:var(--wi-map-ocean)}.wi-map-fallback{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(51,214,255,.20),transparent 35%),linear-gradient(120deg,rgba(255,255,255,.05) 1px,transparent 1px),var(--wi-map-ocean);background-size:auto,54px 54px;z-index:0}.wi-map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--wi-muted);font-size:13px}.wi-mapwrap.is-loaded .wi-map-loading{display:none}.wi-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 140px rgba(0,0,0,.76)}.wi-map-top{position:absolute;z-index:3;top:16px;left:16px;right:16px;display:flex;gap:10px;flex-wrap:wrap}.wi-chip{border:1px solid var(--wi-border);background:rgba(5,7,12,.72);border-radius:999px;padding:8px 10px;font-size:12px;backdrop-filter:blur(10px)}.wi-alert{border-color:rgba(255,77,94,.45);color:#fff;background:rgba(255,77,94,.18)}.wi-map-bottom{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr minmax(280px,420px);gap:14px;align-items:end}.wi-brief,.wi-video-box{border:1px solid var(--wi-border);border-radius:20px;background:rgba(5,7,12,.72);backdrop-filter:blur(16px);padding:16px}.wi-brief h1{font-size:38px;line-height:.98;margin:8px 0}.wi-brief p{color:var(--wi-muted);line-height:1.45}.wi-video-box{position:relative;z-index:20;overflow:hidden}.wi-video-screen{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#000;border:1px solid var(--wi-border);display:grid;place-items:center;position:relative;z-index:1}.wi-video-screen iframe,.wi-video-screen video{width:100%;height:100%;border:0;display:block}.wi-video-empty{text-align:center;color:var(--wi-muted);padding:20px}.wi-channel-shell{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;align-items:center;padding-top:10px;position:relative;z-index:30}.wi-channel-strip{display:flex;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;max-width:100%;min-width:0;white-space:nowrap;overscroll-behavior-x:contain;position:relative;z-index:31}.wi-channel-strip::-webkit-scrollbar{height:8px}.wi-channel-strip::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}.wi-channel-strip::-webkit-scrollbar-thumb{background:rgba(51,214,255,.45);border-radius:999px}.wi-channel-btn{flex:0 0 auto;border:1px solid var(--wi-border);background:rgba(255,255,255,.05);color:var(--wi-text);border-radius:999px;padding:8px 13px;white-space:nowrap;cursor:pointer;position:relative;z-index:32;min-width:max-content}.wi-channel-btn.is-active{background:rgba(51,214,255,.18);border-color:rgba(51,214,255,.5);color:#fff}.wi-no-url{opacity:.5}.wi-channel-arrow{width:34px;height:34px;border-radius:999px;border:1px solid var(--wi-border);background:rgba(5,7,12,.82);color:var(--wi-text);cursor:pointer;display:grid;place-items:center;position:relative;z-index:33;box-shadow:0 8px 22px rgba(0,0,0,.25)}.wi-channel-arrow:hover{border-color:rgba(51,214,255,.55);color:#fff;background:rgba(51,214,255,.14)}.wi-card{padding:16px;border-bottom:1px solid var(--wi-border)}.wi-card:last-child{border-bottom:0}.wi-severity{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--wi-border)}.sev-red{color:var(--wi-hot);border-color:rgba(255,77,94,.35)}.sev-blue{color:var(--wi-accent);border-color:rgba(51,214,255,.35)}.sev-gold{color:var(--wi-gold);border-color:rgba(255,200,87,.35)}.wi-card h3{margin:10px 0 6px}.wi-card p{color:var(--wi-muted);line-height:1.45;margin:0}.wi-feed{overflow:auto}.wi-post{display:block;padding:14px 16px;border-top:1px solid var(--wi-border);color:var(--wi-text)}.wi-post:hover{background:rgba(255,255,255,.05)}.wi-post time{display:block;color:var(--wi-muted);font-size:12px;margin-top:5px}.wi-ticker{height:40px;overflow:hidden;border:1px solid var(--wi-border);border-radius:999px;margin-top:16px;background:rgba(255,255,255,.05);display:flex;align-items:center}.wi-ticker span{white-space:nowrap;animation:wiTicker 35s linear infinite;color:var(--wi-muted);padding-left:100%}@keyframes wiTicker{to{transform:translateX(-100%)}}.wi-footer{color:var(--wi-muted);font-size:12px;text-align:center;padding:14px}.wi-marker-dot{display:block;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 8px currentColor,0 0 26px currentColor}.wi-marker-popup h3{margin:0 0 6px;color:#111}.wi-marker-popup p{margin:0 0 8px;color:#333}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:10px}.wi-hidden{display:none!important}@media (max-width:1180px){.wi-grid{grid-template-columns:1fr}.wi-sidebar,.wi-right{display:grid;grid-template-columns:1fr 1fr}.wi-mapwrap{min-height:720px}}@media (max-width:760px){.wi-shell{padding:10px}.wi-topbar{height:auto;align-items:flex-start;flex-direction:column;padding:14px}.wi-nav{flex-wrap:wrap}.wi-sidebar,.wi-right{display:flex}.wi-map-bottom{grid-template-columns:1fr;position:relative;left:auto;right:auto;bottom:auto;margin:430px 14px 14px}.wi-mapwrap{min-height:950px}.wi-brief h1{font-size:30px}.wi-grid{min-height:auto}}

/* v5 Weather overlay control */
.wi-weather-control{background:rgba(4,10,18,.86);border:1px solid rgba(51,214,255,.22);box-shadow:0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(14px);border-radius:16px;overflow:hidden;color:var(--wi-text);min-width:190px}
.wi-weather-panel{padding:10px;display:grid;gap:7px}
.wi-weather-head{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--wi-accent);font-weight:800;margin-bottom:2px}
.wi-weather-panel button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--wi-text);padding:7px 9px;border-radius:999px;font-weight:700;font-size:12px;cursor:pointer;text-align:left}
.wi-weather-panel button:hover,.wi-weather-panel button.is-active{background:rgba(51,214,255,.18);border-color:rgba(51,214,255,.55);color:#fff}
.wi-weather-note{font-size:11px;line-height:1.35;color:var(--wi-muted);max-width:170px;min-height:14px}
@media(max-width:900px){.wi-weather-control{transform:scale(.92);transform-origin:top right}.wi-weather-panel{gap:5px}.wi-weather-panel button{padding:6px 8px}}

/* v6 Maritime + aviation traffic controls */
.wi-transport-control{background:rgba(4,10,18,.86);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(14px);border-radius:16px;overflow:hidden;color:var(--wi-text);min-width:165px}
.wi-transport-panel{padding:10px;display:grid;gap:7px}
.wi-transport-panel button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--wi-text);padding:7px 9px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer;text-align:left}
.wi-transport-panel button:hover,.wi-transport-panel button.is-active{background:rgba(255,200,87,.18);border-color:rgba(255,200,87,.55);color:#fff}
.wi-transport-note{font-size:11px;line-height:1.35;color:var(--wi-muted);max-width:150px;min-height:14px}
.wi-vessel-dot,.wi-aircraft-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:13px;font-weight:900;color:#06101b;background:var(--wi-gold);box-shadow:0 0 0 5px rgba(255,200,87,.18),0 0 24px rgba(255,200,87,.55)}
.wi-aircraft-dot{background:var(--wi-accent);box-shadow:0 0 0 5px rgba(51,214,255,.18),0 0 24px rgba(51,214,255,.55);transform:rotate(45deg)}
@media(max-width:900px){.wi-transport-control{transform:scale(.92);transform-origin:top left}.wi-transport-panel{gap:5px}.wi-transport-panel button{padding:6px 8px}}

/* v7 Emergency layers: earthquakes, alerts, fires, hurricanes, volcanoes */
.wi-emergency-control{background:rgba(4,10,18,.90);border:1px solid rgba(255,77,94,.28);box-shadow:0 18px 40px rgba(0,0,0,.40);backdrop-filter:blur(14px);border-radius:16px;overflow:hidden;color:var(--wi-text);min-width:170px;margin-top:8px!important}
.wi-emergency-panel{padding:10px;display:grid;gap:7px}
.wi-emergency-panel button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--wi-text);padding:7px 9px;border-radius:999px;font-weight:800;font-size:12px;cursor:pointer;text-align:left}
.wi-emergency-panel button:hover,.wi-emergency-panel button.is-active{background:rgba(255,77,94,.20);border-color:rgba(255,77,94,.60);color:#fff}
.wi-emergency-note{font-size:11px;line-height:1.35;color:var(--wi-muted);max-width:160px;min-height:14px}
.wi-emergency-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:16px;font-weight:950;color:#fff;background:var(--wi-hot);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 7px rgba(255,77,94,.20),0 0 30px rgba(255,77,94,.70)}
.wi-quake{background:#ff4d5e}.wi-alert-weather{background:#ffb000;box-shadow:0 0 0 7px rgba(255,176,0,.20),0 0 30px rgba(255,176,0,.70)}.wi-fire{background:#ff6a00;box-shadow:0 0 0 7px rgba(255,106,0,.20),0 0 30px rgba(255,106,0,.70)}.wi-storm{background:#7c5cff;box-shadow:0 0 0 7px rgba(124,92,255,.20),0 0 30px rgba(124,92,255,.70)}.wi-volcano{background:#c0392b;box-shadow:0 0 0 7px rgba(192,57,43,.20),0 0 30px rgba(192,57,43,.70)}
.wi-emergency-popup h3{color:#111}.wi-emergency-popup a{color:#005a9c;text-decoration:underline}

/* v8 Messenger + external traffic widget slots */
.wi-traffic-mini-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.wi-traffic-mini{border:1px solid var(--wi-border);border-radius:16px;padding:12px;background:rgba(255,255,255,.04);overflow:hidden}
.wi-embed-slot{color:var(--wi-muted);font-size:12px;line-height:1.4}
.wi-embed-slot p{margin:8px 0 0;color:var(--wi-muted)}
.wi-embed-slot iframe,.wi-embed-slot embed,.wi-embed-slot object{width:100%;max-width:100%;border:0;border-radius:12px;background:#000}
.wi-embed-mini{margin-top:8px;min-height:120px;max-height:220px;overflow:auto;border-radius:12px;background:rgba(0,0,0,.22);padding:8px}
.wi-embed-mini iframe{min-height:160px}
.wi-messenger-panel{min-height:260px;display:flex;flex-direction:column}
.wi-messenger-slot{padding:12px;overflow:auto;flex:1;max-height:520px}
.wi-messenger-slot iframe{min-height:360px}
.wi-widget-title{font-size:13px;margin:0 0 8px;color:var(--wi-text)}
.wi-widget ul,.wi-widget ol{margin-left:18px}
@media (max-width:1180px){.wi-traffic-mini-grid{grid-template-columns:1fr 1fr}.wi-messenger-slot{max-height:none}}
@media (max-width:760px){.wi-traffic-mini-grid{grid-template-columns:1fr}.wi-embed-mini{max-height:260px}}


/* Classic scroll video bay hardening */
.wi-map-bottom .wi-video-box{min-width:0;}
.wi-map-bottom{overflow:visible;}
@media (max-width:760px){.wi-channel-shell{grid-template-columns:30px minmax(0,1fr) 30px}.wi-channel-arrow{width:30px;height:30px}.wi-channel-btn{padding:8px 11px}.wi-video-box{padding:12px}}

/* Hot Zone v8: full contained map + bottom video overlay + true scrollable channels */
.wi-mapwrap{height:calc(100vh - 128px);min-height:760px;}
#wi-map-live,.leaflet-container{width:100%!important;height:100%!important;}
.wi-video-box{max-width:100%;isolation:isolate;}
.wi-channel-shell,.wi-channel-strip,.wi-channel-btn,.wi-channel-arrow{pointer-events:auto!important;}
.wi-channel-strip{touch-action:pan-x;scrollbar-width:thin;}
@media (max-width:1180px){.wi-mapwrap{height:78vh;min-height:760px;}}
@media (max-width:760px){.wi-mapwrap{height:auto;min-height:980px}.wi-map-bottom{margin-top:500px}}

/* v9: customizable left sidebar bays + large lower widget bays */
.wi-lower-bays{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.wi-lower-bay{
  border:1px solid var(--wi-border);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  box-shadow:var(--wi-shadow);
  padding:14px;
  min-height:260px;
  overflow:hidden;
}
.wi-embed-lower{
  margin-top:10px;
  min-height:240px;
  max-height:720px;
  overflow:auto;
  border-radius:16px;
  background:rgba(0,0,0,.24);
  padding:10px;
}
.wi-embed-lower iframe,
.wi-embed-lower embed,
.wi-embed-lower object,
.wi-embed-lower video{
  width:100%!important;
  max-width:100%!important;
  min-height:520px;
  border:0;
  border-radius:14px;
  background:#000;
  display:block;
}
.wi-embed-mini video{width:100%;min-height:160px;border-radius:12px;background:#000;display:block;}
@media (max-width:980px){.wi-lower-bays{grid-template-columns:1fr}.wi-embed-lower iframe,.wi-embed-lower video{min-height:430px}}
@media (max-width:760px){.wi-lower-bays{gap:12px;margin-top:12px}.wi-lower-bay{padding:12px;border-radius:18px}.wi-embed-lower iframe,.wi-embed-lower video{min-height:320px}}


/* v9.1 Center Fill Fix: stretch the middle map column down between the sidebars */
.wi-grid{
  align-items:stretch !important;
}
.wi-sidebar,
.wi-right,
.wi-mapwrap{
  height:auto !important;
  min-height:calc(100vh - 128px) !important;
}
.wi-mapwrap{
  align-self:stretch !important;
  height:100% !important;
  min-height:100% !important;
}
#wi-map-live,
.wi-mapwrap .leaflet-container{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
/* Disable the old lower-bays layout; center column now uses the full available height */
.wi-lower-bays{display:none!important;}
@media (max-width:1180px){
  .wi-mapwrap{min-height:820px !important;height:82vh !important;}
}
@media (max-width:760px){
  .wi-mapwrap{min-height:980px !important;height:auto !important;}
}


/* v9.2 Dashboard Fill + Toggle Placement Fix
   - Toggles sit above sidebar widgets
   - Center map/video column stretches to consume the empty middle space
   - Bottom video bay stays over the map, not below it
*/
.wi-layer-section{order:2;}
.wi-sidebar-widget-section{order:3;}
.wi-sidebar{min-height:calc(100vh - 128px)!important;}
.wi-sidebar .wi-section:first-child{order:1;}
.wi-grid{
  align-items:stretch!important;
  grid-auto-rows:auto!important;
  min-height:calc(100vh - 128px)!important;
}
.wi-mapwrap{
  align-self:stretch!important;
  height:auto!important;
  min-height:calc(100vh - 128px)!important;
  overflow:hidden!important;
}
#wi-map-live,
.wi-mapwrap .leaflet-container{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.wi-map-bottom{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:16px!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(360px,1.1fr)!important;
  gap:14px!important;
  align-items:end!important;
}
.wi-video-box{max-height:none!important;overflow:visible!important;}
.wi-channel-shell{position:relative!important;z-index:20!important;}
.wi-channel-strip{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  white-space:nowrap!important;
}
.wi-channel-btn{scroll-snap-align:start;flex:0 0 auto!important;}
.wi-traffic-mini-grid{margin-top:10px!important;}
.wi-embed-mini{max-height:260px!important;}
@media(max-width:1180px){
  .wi-mapwrap{min-height:880px!important;height:82vh!important;}
  .wi-sidebar,.wi-right{min-height:auto!important;}
}
@media(max-width:760px){
  .wi-mapwrap{min-height:1060px!important;height:auto!important;}
  .wi-map-bottom{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    grid-template-columns:1fr!important;
  }
/* v9.4 SkyWatch — fixed center map, scrolling sidebars */

@media (min-width:1181px){

  .wi-grid{
    height: calc(100vh - 128px) !important;
    min-height: calc(100vh - 128px) !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  .wi-mapwrap{
    position: sticky !important;
    top: 0 !important;
    height: calc(100vh - 128px) !important;
    min-height: calc(100vh - 128px) !important;
    overflow: hidden !important;
  }

  .wi-sidebar,
  .wi-right{
    height: calc(100vh - 128px) !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px;
  }

  .wi-sidebar::-webkit-scrollbar,
  .wi-right::-webkit-scrollbar{
    width: 8px;
  }

  .wi-sidebar::-webkit-scrollbar-thumb,
  .wi-right::-webkit-scrollbar-thumb{
    background: rgba(51,214,255,.35);
    border-radius: 999px;
  }

  .wi-sidebar::-webkit-scrollbar-track,
  .wi-right::-webkit-scrollbar-track{
    background: rgba(255,255,255,.05);
  }
}