/* 20261112ui-ww1l — WW1 tour Legend / More info bar on the tour card (t698u). PREVIEW ONLY.
   The floating bottom-right legend box is removed. Does not restyle the Cesium logo or credit. */

/* Hide the old floating map-corner boxes entirely. */
.owh-map-legend,
.owh-map-notes{display:none!important}

#battle-hold-note.owh-notes-moved{display:none!important}

/* Bar sits directly above Sources + Live Fact Check / Flag Content (#tour-src-narr). */
.owh-tour-legbar{
  display:flex;flex-direction:column;gap:0;
  margin:8px 0 0;padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px 8px 0 0;
  background:rgba(12,16,24,.35);
  color:inherit;
  font:12.5px/1.35 "Source Sans 3",Inter,system-ui,sans-serif;
}
/* Pull the existing sources row flush under the new bar so they read as one stack. */
#tour-src-narr{border-top-left-radius:0;border-top-right-radius:0}
.owh-tour-legbar[hidden]{display:none!important}
body.theme-light .owh-tour-legbar,
body.light .owh-tour-legbar,
html.light .owh-tour-legbar{
  background:rgba(30,45,90,.05);
  border-color:rgba(30,45,90,.18);
  color:inherit;
}
.owh-legbar-btns{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;
}
.owh-legbar-btn{
  flex:1 1 50%;margin:0;padding:5px 8px;min-height:28px;
  font:inherit;font-weight:700;font-size:11.5px;letter-spacing:.01em;
  color:inherit;cursor:pointer;background:transparent;
  border:0;border-right:1px solid rgba(255,255,255,.14);
  opacity:.92;
}
.owh-legbar-btn:last-child{border-right:0}
.owh-legbar-btn:hover{opacity:1;background:rgba(255,255,255,.06)}
.owh-legbar-btn[aria-expanded=true]{
  opacity:1;background:rgba(255,210,122,.16);
}
body.theme-light .owh-legbar-btn,
body.light .owh-legbar-btn,
html.light .owh-legbar-btn{border-right-color:rgba(30,45,90,.14)}
body.theme-light .owh-legbar-btn:hover,
body.light .owh-legbar-btn:hover,
html.light .owh-legbar-btn:hover{background:rgba(30,45,90,.06)}
body.theme-light .owh-legbar-btn[aria-expanded=true],
body.light .owh-legbar-btn[aria-expanded=true],
html.light .owh-legbar-btn[aria-expanded=true]{background:rgba(154,91,0,.12)}
.owh-legbar-btn:focus-visible{outline:2px solid #ffd27a;outline-offset:-2px}
.owh-legbar-panel{
  border-top:1px solid rgba(255,255,255,.14);
  padding:8px 10px 10px;
  max-height:min(36vh,280px);overflow:auto;
}
body.theme-light .owh-legbar-panel,
body.light .owh-legbar-panel,
html.light .owh-legbar-panel{border-top-color:rgba(30,45,90,.14)}
.owh-legbar-panel[hidden]{display:none!important}
.owh-tour-legbar .owh-leg-row{display:flex;align-items:flex-start;gap:8px;margin:6px 0}
.owh-tour-legbar .owh-leg-row img{display:block;flex:0 0 auto;margin-top:2px}
.owh-tour-legbar .owh-leg-k{opacity:.94}
.owh-tour-legbar #owh-legbar-info h2{margin:0 0 6px;font-size:13.5px;font-weight:800}
.owh-tour-legbar #owh-legbar-info p{margin:0 0 8px}

/* 390 px: keep the bar compact in the phone tour bottom sheet. */
@media (max-width:599.98px){
  .owh-tour-legbar{margin:6px 0 0;border-radius:8px 8px 0 0;font-size:11.5px}
  .owh-legbar-btn{min-height:32px;font-size:12px;padding:6px 8px}
  .owh-legbar-panel{max-height:min(32vh,220px);padding:8px;font-size:11.5px}
}

/* Phone: bar lives inside #tour-src-narr (sticky dock). */
body.owh-m #tour-src-narr > .owh-tour-legbar{
  order:-1;width:100%;flex:0 0 auto;
  margin:0 0 6px;border-radius:8px;
}
body.owh-m #tour-src-narr{flex-wrap:nowrap}