/* V9: select the route beside the drive controls; the map stays a concise view. */
#pravci .route-workspace {gap:0}
#pravci .route-toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;padding:12px 16px}
#pravci .route-pick-field {display:flex;flex-direction:column;gap:5px;min-width:0;color:#91afbd;font:400 12px/1.4 var(--body)}
#pravci #route-pick {display:block;appearance:auto;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;padding:8px 32px 8px 12px;border:1px solid #6d91a66b;border-radius:0;background:#0b2333;color:#e5eeec;font:400 16px/1.5 var(--body);text-overflow:ellipsis;cursor:pointer}
#pravci #route-pick:disabled {opacity:.55;cursor:wait}
#pravci .route-toolbar .route-drive-controls,#pravci .route-toolbar .map-view-controls {display:flex;align-items:center;gap:8px;min-width:0;width:auto;flex:none}
#pravci .route-toolbar button {min-height:44px;padding:10px 14px;font-size:12px;gap:15px}
#pravci .route-toolbar #route-start,#pravci .route-toolbar #route-pause {min-width:154px}
#pravci .route-experience #europe-map {height:clamp(320px,50svh,500px)}

/* The full map is a transparent activation target while page scrolling is active.
   The provider's bottom credit strip is left outside its hit area. */
#pravci #europe-map .route-map-interaction {position:absolute;z-index:7;top:12px;left:50%;display:block;width:max-content;max-width:calc(100% - 28px);min-height:44px;margin:0;padding:0;border:0;background:transparent;color:#d8e8ea;transform:translateX(-50%);cursor:pointer;touch-action:pan-y}
#pravci #europe-map .route-interaction-pill {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:8px 16px;border:1px solid #8aafc064;border-radius:3px;background:#0b2230de;box-shadow:0 3px 12px #0002;backdrop-filter:blur(8px);font:500 12px/1.4 var(--body);text-align:center}
#pravci #europe-map .route-interaction-pill small {display:block;font:400 12px/1.4 var(--body);color:#90afbf}
#pravci #europe-map[data-interaction=locked] .route-map-interaction {inset:0 0 34px;width:100%;max-width:none;height:auto;min-height:0;transform:none;background:transparent;outline-offset:-4px}
#pravci #europe-map[data-interaction=locked] .route-interaction-pill {position:absolute;top:12px;left:50%;width:max-content;max-width:calc(100% - 28px);transform:translateX(-50%)}
#pravci #europe-map[data-interaction=locked] #satellite-map,#pravci #europe-map[data-interaction=locked] #europe-3d {pointer-events:none}
#pravci #europe-map[data-interaction=active] #satellite-map,#pravci #europe-map[data-interaction=active] #europe-3d {pointer-events:auto}
#pravci #europe-map #satellite-map .cesium-viewer-bottom,#pravci #europe-map #satellite-map .maplibregl-ctrl-bottom-left,#pravci #europe-map #satellite-map .maplibregl-ctrl-bottom-right,#pravci #europe-map #satellite-map .maplibregl-ctrl-attrib,#pravci #europe-map #satellite-map .maplibregl-ctrl-logo {pointer-events:auto}
#pravci #europe-map .map-hud,#pravci #europe-map .map-coordinate,#pravci #europe-map .route-progress-track {pointer-events:none}
#pravci #europe-map .map-hud {bottom:30px;gap:9px}
#pravci #europe-map .map-hud .route-detail {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 14px;max-width:460px;padding:11px 14px}
#pravci #europe-map .route-detail .route-detail-label {display:none}
#pravci #europe-map .route-detail strong {margin:0;font-size:22px;line-height:1.2}
#pravci #europe-map .route-detail #route-distance {margin:0;font-size:29px;line-height:1.1}
#pravci #europe-map .route-detail #route-time {grid-column:1/-1;margin:0;font-size:12px}
#pravci #europe-map .map-view-stage {font-size:12px;line-height:1.4;padding:7px 10px}
#pravci .route-footer {margin-top:16px}

@media(max-width:1100px) {
  #pravci .route-toolbar {gap:10px;padding:12px}
  #pravci .route-toolbar button {padding:10px 11px;gap:10px}
  #pravci .route-toolbar #route-start,#pravci .route-toolbar #route-pause {min-width:145px}
}
@media(max-width:800px) and (min-width:701px) {
  #pravci .route-toolbar {grid-template-columns:minmax(0,1fr) auto;gap:10px}
  #pravci .route-toolbar .map-view-controls {grid-column:1/-1;justify-content:flex-end}
  #pravci .route-toolbar .map-view-controls>button {min-width:140px}
}
@media(max-width:700px) {
  #pravci .route-toolbar {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(106px,1fr);align-items:end;gap:8px;padding:10px}
  #pravci .route-pick-field {gap:5px;font-size:12px;line-height:1.4}
  #pravci #route-pick {height:44px;min-height:44px;padding:8px 23px 8px 9px;font-size:16px}
  #pravci .route-toolbar .route-drive-controls {display:flex;min-width:0;width:100%}
  #pravci .route-toolbar .map-view-controls {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;gap:8px;min-width:0;width:100%}
  #pravci .route-toolbar button {justify-content:center;width:100%;min-height:44px;min-width:0;padding:8px 7px;font-size:12px;line-height:1.35;white-space:normal}
  #pravci .route-toolbar #route-start,#pravci .route-toolbar #route-pause {min-width:0}
  #pravci .route-experience #europe-map {height:320px}
  #pravci #europe-map .route-map-interaction {top:10px;max-width:calc(100% - 20px)}
  #pravci #europe-map .route-interaction-pill {min-height:44px;padding:7px 12px;font-size:12px;line-height:1.35}
  #pravci #europe-map .route-interaction-pill small {font-size:12px;line-height:1.35}
  #pravci #europe-map[data-interaction=locked] .route-interaction-pill {top:10px;max-width:calc(100% - 20px)}
  #pravci #europe-map .map-hud {left:10px;right:10px;bottom:31px;gap:6px}
  #pravci #europe-map .map-hud .route-detail {gap:6px 10px;padding:9px 11px;max-width:100%}
  #pravci #europe-map .route-detail strong {font-size:19px;line-height:1.2}
  #pravci #europe-map .route-detail #route-distance {font-size:26px;line-height:1.1}
  #pravci #europe-map .map-view-stage {font-size:12px;line-height:1.4;padding:5px 8px}
}
@media(max-width:360px) {
  #pravci .route-toolbar {grid-template-columns:minmax(0,1.5fr) minmax(104px,1fr);padding:9px;gap:7px}
  #pravci #route-pick {padding-left:7px}
  #pravci .route-toolbar button {font-size:12px;padding-inline:4px}
}
.motion-paused #pravci .route-map-interaction {transition:none}
@media(prefers-reduced-motion:reduce) {#pravci .route-map-interaction {transition:none}}

/* V10: history is selected beside playback, without a second filter row. */
#pravci .route-history-controls{display:block;min-height:0;padding:10px 0 12px}
#pravci .route-history-notice{display:block;margin:0;padding:0;font-size:11px;line-height:1.5}
/* Preview presentation requested by the site owner; account terms are unchanged. */
#pravci .cesium-widget-credits{display:none}