/* Light Theme - make original content transparent for map */
:root {
  --color-bg-primary: transparent !important;
  --color-bg-secondary: transparent !important;
  --color-bg-tertiary: transparent !important;
  --color-bg-card: rgba(255, 255, 255, 0.82) !important;
  --color-bg-elevated: rgba(255, 255, 255, 0.88) !important;
  --color-bg-input: rgba(0, 0, 0, 0.04) !important;
  --color-border: rgba(0, 0, 0, 0.08) !important;
  --color-text-primary: #1a2030 !important;
  --color-text-secondary: #6b7a8d !important;
  --color-accent: #5b7fa8 !important;
}
body { background: transparent !important; color: #1a2030 !important; }
#root { background: transparent !important; }
.page, .app, .app-container, [class*="page"], [class*="container"] {
  background: transparent !important;
}
/* Hide original page headers and nav on map view */
.page-header, .header { display: none !important; }
.bottom-nav { display: none !important; }
/* Keep modals and important UI visible */
.modal-overlay { background: rgba(0,0,0,.35) !important; }
.modal-content, .modal { background: rgba(255,255,255,.95) !important; backdrop-filter: blur(24px) !important; -webkit-backdrop-filter: blur(24px) !important; }
/* Cards stay visible with glassmorphism */
.card, .user-card, .match-card { background: rgba(255,255,255,.82) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(0,0,0,.06) !important; box-shadow: 0 4px 16px rgba(0,0,0,.06) !important; }
/* Buttons */
.btn-primary { background: linear-gradient(135deg, #5b7fa8, #7e9abf) !important; }
/* Input fields */
input, textarea, select { background: rgba(255,255,255,.8) !important; border-color: rgba(0,0,0,.08) !important; color: #1a2030 !important; }







/* === Map fixes v6 === */
#bind-map { z-index: 2 !important; }
.leaflet-container { touch-action: manipulation !important; }