/* Icone SVG stabili: non dipendono dai caratteri installati sul dispositivo. */
.mbca-map .mbca-navigation {overflow:hidden;background:#fff;}
.mbca-map .mbca-navigation-button {
  display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:38px;height:38px;min-width:0;min-height:0;
  margin:0;padding:5px;border:0;border-bottom:1px solid #ccc;border-radius:0;
  background:#fff;color:#202020;box-shadow:none;cursor:pointer;line-height:1;
  appearance:none;-webkit-appearance:none;
}
.mbca-map .mbca-navigation-button:last-child {border-bottom:0;}
.mbca-map .mbca-navigation-button svg {display:block;width:25px;height:25px;flex:none;}
.mbca-map .mbca-navigation-button:hover {background:#f1f4f7;}
.mbca-map .mbca-navigation-button:focus-visible {outline:3px solid #1476d4;outline-offset:-3px;}
.mbca-map .mbca-navigation-button.is-active {background:#1476d4;color:#fff;}
.mbca-map .mbca-navigation-button.is-following {background:#1476d4;color:#fff;}
.mbca-map .mbca-navigation-button[disabled] {background:#f5f5f5;color:#9aa0a6;cursor:default;}
.mbca-map .mbca-navigation-button.is-waiting svg {animation:mbca-location-wait 1s ease-in-out infinite alternate;}
.mbca-map .mbca-navigation-status {
  position:absolute;bottom:30px;left:10px;z-index:1000;max-width:calc(100% - 20px);
  box-sizing:border-box;padding:9px 12px;background:#fff;color:#202020;
  border:1px solid #ccc;border-radius:6px;box-shadow:0 1px 5px #0003;
  font:14px/1.4 Arial,sans-serif;pointer-events:none;
}
.mbca-map .mbca-navigation-status[hidden] {display:none;}
@keyframes mbca-location-wait {from {opacity:.4;} to {opacity:1;}}
@media (pointer:coarse), (max-width:600px) {
  .mbca-map .mbca-navigation-button {width:44px;height:44px;padding:6px;}
  .mbca-map .mbca-navigation-button svg {width:28px;height:28px;}
  .mbca-map .leaflet-control-zoom a {width:44px;height:44px;line-height:44px;}
}
@media (prefers-reduced-motion:reduce) {.mbca-map .mbca-navigation-button.is-waiting svg {animation:none;}}

/* La bussola precede sempre i selettori nella colonna destra. */
.mbca-map .mbca-compass {width:64px;height:64px;background:#fff;border-radius:50%;overflow:hidden;box-sizing:border-box;}
.mbca-map .mbca-compass svg {display:block;width:100%;height:100%;}
.mbca-map .mbca-compass text {font:bold 12px Arial,sans-serif;}
.mbca-map .mbca-position-arrow {background:none;border:0;}
.mbca-map .mbca-position-arrow svg {display:block;width:30px;height:30px;filter:drop-shadow(0 1px 2px #0006);}
.mbca-map .mbca-position-arrow.is-direction-unknown svg {opacity:.55;}