/* ClearVision™ Botanical Luxury Editorial Styling */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&display=swap');

:root {
  --font-serif: 'Newsreader', Georgia, serif;
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
}

body {
  overflow-x: hidden;
  font-family: var(--font-sans);
  background-color: #F8FAF8;
  color: #1e293b;
}

.font-serif {
  font-family: var(--font-serif);
}

.font-sans {
  font-family: var(--font-sans);
}

/* Custom scrollbars */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Pack card selection states */
.pack-card {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.pack-card.selected {
  border-color: #059669 !important;
  background-color: #ffffff !important;
  box-shadow: 0 20px 25px -5px rgba(2, 44, 34, 0.12), 0 8px 10px -6px rgba(2, 44, 34, 0.08) !important;
  transform: translateY(-2px);
}

/* Leaflet container */
.leaflet-container {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  z-index: 10;
}