/* Map-specific overrides.
   Keep this file small and loaded after `css/style.css`. */

/* Reduce map height on mobile (~50% of desktop 500px). */
@media (max-width: 767.98px) {
  #map {
    height: 250px;
  }

  /* On mobile, show the Service Centre disclaimer directly under the
     "Retailer or Service Centre" dropdown (before Location). */
  #service-centre-disclaimer {
    order: 1;
  }
  #retailer-location-wrapper {
    order: 2;
  }
}

/* On mobile/tablet there are no LG-only slide styles for #current-box.
   Ensure it actually hides/shows based on active state. */
@media (max-width: 991.98px) {
  #current-box.not-active {
    display: none;
  }
  #current-box.active {
    display: block;
  }
}

/* Secondary inline actions next to the postcode input */
#clearLocationButton {
  background: transparent;
  border: 0;
  padding: 0;
  margin-left: 12px;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
  color: #014a94;
}

#searchLocationButton {
  margin-left: 12px;
}

#searchLocationButton:disabled {
  opacity: 0.5;
  cursor: default;
}

/* Stack Search + Clear vertically */
#retailer-search-actions {
  flex-direction: column;
}

#retailer-search-actions #searchLocationButton {
  margin-left: 0;
}

#retailer-search-actions #clearLocationButton {
  margin-left: 0;
  margin-top: 10px;
}