/* ==========================================================================
   Directions pill inside the listing page's map (owner request 2026-10-27, docs/IP-Reference.md section BF)
   ==========================================================================
   The pill is the site's own outlined contact pill (.contact-pill + .ip-outline: shape from ip-listing-card.css, fill / border /
   hover / pressed from ip-outline.css, white at rest), so this file holds only what is new: it waits hidden in the page until the
   script hands it to the map, and once it sits in the map's control area it needs a gap from the edge and a soft shadow.
   Every selector starts from a class that exists only on this pill. Loaded by web/listing-detail.blade.php alone. Tokens only. */

.listing-map-directions-holder[hidden] {
  display: none;
}

.listing-map-card .listing-map-directions {
  margin: var(--space-2, 8px) 0 var(--space-3, 12px) var(--space-3, 12px);
  box-shadow: var(--elevation-1, 0 1px 2px rgba(68, 85, 91, 0.10));
  cursor: pointer;
}