/* AURA Atlas checkout map v0.5.0 */

.aura-atlas-map-checkout--wrap,
.aura-atlas-map-checkout--map {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.aura-atlas-map-checkout--wrap {
  max-width: 100%;
  margin: 0;
}

.aura-atlas-map-thank-you--wrap {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  background: #161616;
}

.aura-atlas-map-thank-you--map {
  width: 100%;
  height: 100%;
  min-height: 300px;
  cursor: default;
}

[data-aura-atlas-static="1"].leaflet-container {
  touch-action: pan-y;
}

.aura-atlas-map--zone-popup {
  display: grid;
  gap: 4px;
  line-height: 1.35;
}

.aura-atlas-map--zone-popup strong,
.aura-atlas-map--zone-popup span {
  display: block;
}

[data-aura-atlas-map="1"].leaflet-container {
  clip-path: inset(0 round 15px);
}

[data-aura-atlas-map="1"].leaflet-container .leaflet-map-pane,
[data-aura-atlas-map="1"].leaflet-container .leaflet-tile-pane,
[data-aura-atlas-map="1"].leaflet-container .leaflet-overlay-pane {
  border-radius: 15px;
}

[data-aura-atlas-map="1"].leaflet-container .leaflet-control-attribution {
  max-width: calc(100% - 8px);
  padding: 3px 6px;
  background: transparent;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  text-align: right;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 0.95);
  white-space: nowrap;
}

[data-aura-atlas-map="1"].leaflet-container .leaflet-control-attribution a {
  color: #fff;
  text-decoration: none;
}

[data-aura-atlas-map="1"].leaflet-container .leaflet-control-attribution a:hover,
[data-aura-atlas-map="1"].leaflet-container .leaflet-control-attribution a:focus-visible {
  color: #c084fc;
  text-decoration: underline;
}

.aura-atlas-map--pin {
  position: relative;
  width: 68px;
  height: 82px;
  background: url('../images/aura-atlas-restaurant-pin-custom.svg') no-repeat center;
  background-size: contain;
}

.aura-atlas-map--address-pin {
  position: relative;
  width: 46px;
  height: 56px;
  background: url('../images/aura-atlas-customer-pin-v2.svg') no-repeat center bottom;
  background-size: contain;
}

.aura-atlas-map--address-pin.is-unavailable {
  background-image: url('../images/aura-atlas-customer-pin-unavailable-v2.svg');
}

@media (max-width: 768px) {
  .aura-atlas-map-checkout--map {
    height: 100%;
    min-height: 100%;
  }

  [data-aura-atlas-map="1"].leaflet-container .leaflet-control-attribution {
    padding: 3px 5px;
    font-size: 9px;
  }

  .aura-atlas-map-thank-you--wrap {
    height: 240px;
  }

  .aura-atlas-map-thank-you--map {
    min-height: 240px;
  }
}