# Map Styles - Quick Reference

## 🎨 Available Styles

### Light & Clean
| Style | Key | Best For |
|-------|-----|----------|
| Positron | `positron` | Colored markers, overlays |
| Positron No Labels | `positron-no-labels` | Minimal, clean look |
| OpenStreetMap | `default` | Standard, familiar |

### Dark & Elegant
| Style | Key | Best For |
|-------|-----|----------|
| Dark Matter | `dark` | Night mode, modern sites |
| Dark No Labels | `dark-no-labels` | Ultra-minimal dark |

### Black & White
| Style | Key | Best For |
|-------|-----|----------|
| Toner | `toner` | High contrast, professional |
| Toner Lite | `toner-lite` | Subtle B&W, elegant |

### Colorful
| Style | Key | Best For |
|-------|-----|----------|
| Voyager | `voyager` | Balanced, versatile |
| Terrain | `terrain` | Natural, topographic |
| Watercolor | `watercolor` | Artistic, unique |

### Satellite
| Style | Key | Best For |
|-------|-----|----------|
| Satellite | `satellite` | Realistic aerial view |

## 🎯 How to Use

### In Admin Panel
1. Go to **Admin → Kontakty → Nastavení polohy**
2. Scroll to "Styl mapy"
3. Select from dropdown
4. See live preview with your club colors
5. Click "Uložit nastavení"

### Club Color Integration
- **Automatic** - Maps use your club's primary color for markers
- **Overlay** - Subtle color tint (15% opacity) applied to map
- **Customizable** - Set colors in Settings → Vzhled

## 💡 Quick Tips

**For Red/Blue Clubs:** Use Positron or Toner Lite  
**For Dark Sites:** Use Dark Matter  
**For Professional Look:** Use Toner (B&W)  
**For Nature/Sport:** Use Terrain or Voyager

## 🌟 Examples

### Football Club (Red)
```
Map Style: Toner Lite
Primary Color: #e11d48
Result: Red markers on subtle B&W map
```

### Modern Club (Blue)
```
Map Style: Dark Matter
Primary Color: #3b82f6
Result: Blue markers on sleek dark map
```

### Traditional Club (Green)
```
Map Style: Voyager
Primary Color: #16a34a
Result: Green markers on balanced color map
```

## 📱 All Styles Are:
✅ Free & Open Source  
✅ No API Keys Required  
✅ Mobile Responsive  
✅ Fast & Cached  
✅ Accessible

---

**Pro Tip:** Try different styles in the admin preview before publishing!