/* Location reference redesign — light supplied map artwork, current interaction model preserved. */

.location-shell-active .location-refined .location-map,
.location-refined .location-map-v2 {
  background: #f7f3ec !important;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.location-shell-active .location-refined .location-map-canvas,
.location-refined .location-map-canvas {
  background: #f7f3ec url("/location/824D95E0-3C32-4C33-915B-E6911C3DFCAA.png") center 50% / 72% auto no-repeat !important;
}

.location-intelligence-map .location-map-blue-wash,
.location-intelligence-map .location-map-focus,
.location-position-ring,
.location-position-cluster::before,
.location-shell-active .location-intelligence-map .location-map-status {
  display: none !important;
}

.location-map-canvas .location-position-cluster {
  left: 50% !important;
  top: 51% !important;
  transform: translate(-50%, -50%) scale(var(--location-map-inverse-scale, 1)) !important;
}

.location-shell-active .location-blue-pin,
.location-blue-pin {
  width: 40px !important;
  height: 48px !important;
  color: #4d7fff !important;
  filter: none !important;
}

.location-shell-active .location-vehicle-label,
.location-vehicle-label {
  top: 40px !important;
  min-width: 178px !important;
  max-width: 218px !important;
  padding: 10px 15px 9px !important;
  border: 1px solid rgba(124,143,159,.18) !important;
  border-radius: 13px !important;
  background: rgba(10,20,30,.94) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.location-shell-active .location-vehicle-label::before,
.location-vehicle-label::before {
  display: none !important;
}

.location-shell-active .location-vehicle-label strong,
.location-vehicle-label strong {
  color: #f5f7f8 !important;
  font-size: 12px !important;
  font-weight: 620 !important;
}

.location-shell-active .location-vehicle-label small,
.location-vehicle-label small {
  margin-top: 3px !important;
  color: #a7b0ba !important;
  font-size: 9.5px !important;
  font-weight: 430 !important;
}

/* Reference control stack: compact +/- capsule upper-left and a separate recenter control below. */
.location-shell-active .location-map-control-capsule,
.location-map-control-capsule {
  border: 1px solid rgba(124,143,159,.20) !important;
  background: rgba(9,20,30,.97) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.location-shell-active .location-map-zoom-control,
.location-map-zoom-control {
  left: 14px !important;
  right: auto !important;
  top: 14px !important;
  width: 46px !important;
  height: 94px !important;
  padding: 3px !important;
  border-radius: 23px !important;
}

.location-shell-active .location-map-zoom-control button,
.location-map-zoom-control button {
  width: 40px !important;
  height: 43px !important;
  flex-basis: 43px !important;
  color: #f4f6f8 !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  text-shadow: none !important;
}

.location-shell-active .location-map-control-divider,
.location-map-control-divider {
  width: 28px !important;
  background: rgba(124,143,159,.20) !important;
}

.location-shell-active .location-map-action-control,
.location-map-action-control {
  left: 14px !important;
  right: auto !important;
  top: 116px !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

.location-map-action-control .location-map-icon-control[aria-label="Directions"] {
  display: none !important;
}

.location-map-action-control .location-map-control-divider {
  display: none !important;
}

.location-shell-active .location-map-action-control .location-map-icon-control[aria-label="Recenter map"],
.location-map-action-control .location-map-icon-control[aria-label="Recenter map"] {
  position: relative !important;
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

.location-map-action-control .location-map-icon-control[aria-label="Recenter map"] svg {
  display: none !important;
}

.location-map-action-control .location-map-icon-control[aria-label="Recenter map"]::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: center / 24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 10.8 19.5 4.7l-6.1 14.6-2.7-6.1-6.2-2.4Z' fill='none' stroke='%23f4f6f8' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.location-map-action-control .location-map-icon-control[aria-label="Recenter map"]::after {
  content: none !important;
}

.location-shell-active .location-refined .location-directions-notice {
  display: none !important;
}

@media (max-width: 420px) {
  .location-shell-active .location-refined .location-map,
  .location-refined .location-map-v2 {
    border-radius: 20px 20px 0 0 !important;
  }

  .location-map-canvas .location-position-cluster {
    top: 50% !important;
  }

  .location-shell-active .location-blue-pin,
  .location-blue-pin {
    width: 38px !important;
    height: 46px !important;
  }

  .location-shell-active .location-vehicle-label,
  .location-vehicle-label {
    min-width: 172px !important;
    max-width: 210px !important;
    padding: 9px 13px 8px !important;
  }
}