/* ============================================================
 * Shared MapLibre map chrome (Ticket #8491)
 *
 * Pins + popup container/tip/close-button styling common to every MapLibre map
 * (community amenity map, communities listing, new-home map). Loaded ONLY on
 * pages with a MapLibre map, via saratoga_maplibre_assets(), so these
 * MapLibre-class selectors can be global without a per-page wrapper. Page- and
 * popup-content-specific rules (.map-popup, .info-window, legend/z-index) stay
 * inline in their templates.
 * ============================================================ */

/* Bare SVG pins — MapLibre, unlike Leaflet, adds no marker chrome to strip. */
.saratoga-gl-pin {
  cursor: pointer;
  line-height: 0;
}

/* Soft shadow on the whole popup shape (box + tip), like the old Google window. */
.maplibregl-popup {
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.18));
}

.maplibregl-popup-content {
  padding: 14px 18px 16px;
  border-radius: 14px;
  font-family: Arial, sans-serif;
}

/* Downward pointer when the popup sits above its pin (anchor: "bottom"). */
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {
  border-top-color: #fff;
  border-left-width: 11px;
  border-right-width: 11px;
  border-top-width: 13px;
}

/* Clean, symmetrical, borderless close button. */
.maplibregl-popup-close-button {
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  color: #4A3F25;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
  -webkit-tap-highlight-color: transparent;
}
.maplibregl-popup-close-button:hover {
  background: #efece3;
  color: #000;
}
/* No focus/active outline ring. */
.maplibregl-popup-close-button:focus,
.maplibregl-popup-close-button:focus-visible,
.maplibregl-popup-close-button:active {
  outline: none;
  box-shadow: none;
  border: 0;
}