/* =========================================
   map-toolbar.css
   MAP TOOLBAR — MOBILE FIRST
   TYLKO DLA WIDOKU MAPY
========================================= */

.map-toolbar {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 1000;

  display: flex;
  justify-content: space-between;
  gap: 10px;

  pointer-events: none; /* kluczowe */
}

.map-btn {
  pointer-events: auto;

  background: rgba(15, 23, 42, 0.9);
  color: #fff;

  padding: 10px 14px;
  border-radius: 999px;

  font-size: 14px;
  font-weight: 500;
  text-decoration: none;

  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}

/* desktop – większy komfort */
@media (min-width: 768px) {
  .map-toolbar {
    top: 20px;
    left: 20px;
    right: auto;
  }
}