/* Property map section (Real Estate page) — styled to match the TSM Ventures
   design system (brand blue #005f9f, Playfair Display headings, Open Sans body).
   Loaded by views/frontend/partials/real-estate-map.php. */

/* Full-bleed section, flush below the hero. */
#property-map-section { padding: 0; }

#property-map {
  width: 100%;
  height: 640px;
  border-top: 1px solid #005f9f;
  border-bottom: 1px solid #005f9f;
  background: #eef2f5;          /* shown while tiles load */
}

/* Reset control reuses the site button (.cms-btn .cms-btn-primary), smaller. */
.map-reset-ctrl.cms-btn {
  font-size: 11px;
  letter-spacing: 1.1px;
  padding: 0.5em 1.1em;
  margin: 10px 10px 0 0;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

/* Notice / fallback (missing or rejected API key, no properties) */
.map-notice {
  display: flex; flex-direction: column; gap: 0.5em;
  align-items: center; justify-content: center;
  height: 100%; min-height: 320px; padding: 2em; text-align: center;
  font-family: 'Open Sans', sans-serif; color: #2f3439; background: #f5f5f5;
  line-height: normal;
}
.map-notice strong { color: #005f9f; font-size: 1.15em; }
.map-notice span { color: #737475; max-width: 30em; line-height: 1.5; }

/* ---- Pin info window ------------------------------------------------------ */
.map-info { width: 240px; font-family: 'Open Sans', sans-serif; line-height: normal; }
.map-info-img {
  width: 100%; height: 120px;
  background: #0a2740 center/cover no-repeat;
  border-radius: 4px 4px 0 0;   /* flush with the card's top edge */
  overflow: hidden;
}
.map-info-img img { width: 100%; height: 120px; object-fit: cover; display: block; }
.map-info-img.is-placeholder { background: linear-gradient(135deg, #005f9f, #0a2740); }
.map-info-body { padding: 12px; }
.map-info-title {
  display: inline-block;
  font-family: 'Playfair Display', serif;
  font-size: 1.15em;
  color: #005f9f !important;
  text-decoration: none;
  margin-bottom: 0.25em;
}
.map-info-title:hover { text-decoration: underline; }
.map-info-addr { color: #2f3439; font-size: 0.85em; line-height: 1.4; margin: 0 0 0.6em; }
.map-info-phone { display: block; color: #2f3439 !important; font-size: 0.85em; text-decoration: none; margin-bottom: 0.6em; }
.map-info-phone:hover { color: #005f9f !important; }
/* "View Listing" reuses the site button (.cms-btn .cms-btn-primary), smaller. */
.map-info-cta.cms-btn {
  font-size: 11px;
  letter-spacing: 1.1px;
  padding: 0.5em 1.3em;
  margin: 0;
}

/* Google InfoWindow padding tidy-up */
.gm-style .gm-style-iw-c { padding: 12px !important; border-radius: 2px; }
.gm-style .gm-style-iw-d { overflow: hidden !important; }

@media (max-width: 720px) {
  #property-map { height: 460px; }
}