/* Icon and Map Fixes */

/* Fix Instagram Icon - FontAwesome has the icon defined */
.fa-instagram:before {
  content: "\f16d" !important;
  font-family: FontAwesome !important;
}

/* Ensure social icons display properly */
.off-canvas-social-links .fa {
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
  text-decoration: inherit !important;
  line-height: 1 !important;
  display: inline-block !important;
}

/* FontAwesome CDN fallback - use existing font-awesome.min.css */
/* Remove custom @font-face to prevent 404s - rely on existing CSS */

/* Map fixes */
.nectar-google-map {
  width: 100% !important;
  height: 400px !important;
  min-height: 400px !important;
}

/* Fallback for when Google Maps API key is missing */
.nectar-google-map[data-nectar-marker-color] {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  position: relative;
}

.nectar-google-map[data-nectar-marker-color]:before {
  content: "Map requires API key configuration";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #666;
  font-size: 16px;
  text-align: center;
  width: 100%;
}