.store-locator-frontend-wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#frontend-store-map {
  width: var(--map-width, 100%); 
  height: var(--map-height, 400px); 
  border-radius: 8px;
  border: 1px solid #ddd;
  z-index: 1;
}

.store-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

.filter-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 6px 12px;
  background: #f9f9f9;
  border-radius: 6px;
  border: 1px solid #eee;
}

.filter-label:hover {
  background: #f0f0f0;
}

.filter-color {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

@media (max-width: 768px) {
  #frontend-store-map {
    width: var(--map-mobile-width, 100%);
    height: var(--map-mobile-height, 400px);
  }
}

/* Only apply the expensive continuous pulse animation on Desktop */
@media (min-width: 769px) {
    .prominent-marker-glow {
      filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.8));
      border-radius: 50%;
    }

    .prominent-marker-glow {
        animation: marker-glow-pulse 1.5s infinite alternate ease-in-out;
    }

    @keyframes marker-glow-pulse {
        from { filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4)); }
        to { filter: drop-shadow(0 0 14px rgba(255, 215, 0, 0.9)); }
    }
}