/* Scoped styles for the STARTUP v6 map component */
/* Wrapper-höjd styrs av CSS-variabeln --map6-h */
.startup-map6-wrap {
  height: var(--map6-h, 100%);
}

/* Kartan fyller wrapen */
.startup-map6 {
  width: 100%;
  height: 100%;
  position: relative;
}
.startup-map6 .leaflet-container { touch-action: pan-y; }
.startup-map6 { position: relative; width: 100%; }
.startup-map6 .map6-canvas { height: 600px; } /* default height when embedded */
.startup-map6-wrap:has(.startup-map6) .map6-canvas { height: 100%; }

.startup-map6 .map6-controls {
  position: absolute; top: 4px; right: 4px; z-index: 1101;
  display: flex; flex-direction: column; gap: 5px;
}
.startup-map6 .map6-controls select,
.startup-map6 .map6-controls button {
  padding: 2px; background: #fff; border: 1px solid #aaa; cursor: pointer; font: 14px sans-serif;
}
.startup-map6 .map6-panel {
  position: absolute; top: 75px; right: 10px; width: 250px; max-height: calc(100% - 80px);
  background: #fff; border: 1px solid #aaa; padding: 10px; font: 14px/1.4 sans-serif;
  z-index: 1000; display: none; overflow-y: auto;
}
.startup-map6 .map6-loading {
  position: absolute; left: 6px; top: 6px; z-index: 1200;
  background: #111; color: #fff; font: 12px/1.3 monospace;
  padding: 4px 6px; border-radius: 6px; opacity: .9; display:none;
}
.startup-map6 .leaflet-top, .startup-map6 .leaflet-bottom { z-index: 1201; }
.startup-map6 .leaflet-popup-content { max-width: 280px; word-break: break-word; }

.startup-map6 .north-arrow.leaflet-bar {
  background: rgba(255,255,255,.95); border: 1px solid #aaa; border-radius: 6px;
  width: 32px; height: 32px; display: flex; align-items: flex-end; justify-content: center;
  font: 700 13px/1 sans-serif; user-select: none; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.startup-map6 .north-arrow.leaflet-bar::before {
  content: ""; position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #d00; z-index: 2;
}