/* ============================================
   🧩 INTEGRATION: GOOGLE MAPS
   ============================================ */

/* Google Maps InfoWindow Customization */
.gm-style .gm-style-iw-c {
  background-color: var(--popover) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--elevation-sm) !important;
  padding: 0 !important;
  border: 1px solid var(--border) !important;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
  max-height: none !important;
}

/* Fix for Native POIs */
.gm-style .gm-style-iw-c .gm-style-iw-ch {
  padding-top: var(--spacing-3) !important;
  padding-left: var(--spacing-4) !important;
  padding-right: var(--spacing-8) !important;
  padding-bottom: var(--spacing-2) !important;
}

.gm-style .gm-style-iw-c .gm-style-iw-d .poi-info-window,
.gm-style .gm-style-iw-c .gm-style-iw-d .transit-container {
  padding: var(--spacing-4) !important;
  padding-top: 0 !important;
}

/* Close button - popover style */
.gm-style .gm-ui-hover-effect {
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  top: 8px !important;
  right: 8px !important;
  background-color: var(--muted) !important;
  border-radius: var(--radius) !important;
  transition: all 0.2s ease !important;
}

.gm-style .gm-ui-hover-effect:hover {
  background-color: var(--accent) !important;
}

.gm-style .gm-ui-hover-effect > span {
  background-color: var(--foreground) !important;
  width: 14px !important;
  height: 14px !important;
  margin: 9px !important;
}

/* InfoWindow Tip - popover style */
.gm-style .gm-style-iw-t::after {
  background: var(--popover) !important;
  box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1) !important;
  border: 1px solid var(--border) !important;
}

/* Custom Content Class */
.xertica-infowindow-content {
  font-family: 'Roboto', sans-serif !important;
  color: var(--popover-foreground) !important;
}

.xertica-infowindow-content * {
  font-family: 'Roboto', sans-serif !important;
}

/* Standard content override */
.gm-style .gm-style-iw-c * {
  font-family: 'Roboto', sans-serif !important;
}