/* Custom Styles & Animation Enhancements for Ideal Nepal Treks */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --himalaya-950: #071224;
  --himalaya-900: #0b1d3a;
  --himalaya-800: #0f2b48;
  --himalaya-700: #153a60;
  --gold-500: #d97706;
  --gold-400: #f59e0b;
}

html {
  scroll-behavior: smooth;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

h1, h2, h3, .font-serif-heading {
  font-family: 'Playfair Display', Georgia, serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0b1d3a;
}
::-webkit-scrollbar-thumb {
  background: #153a60;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d97706;
}

/* Slow Ken Burns Animation */
@keyframes kenburns {
  0% { transform: scale(1); }
  50% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.animate-kenburns {
  animation: kenburns 24s ease-in-out infinite alternate;
}

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

.leaflet-container {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Custom Marker Styling */
.custom-leaflet-marker {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Fade in animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
  animation: fadeIn 0.35s ease-out forwards;
}

/* Custom scrollbar for modals/scrollboxes */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #2a66a0;
  border-radius: 3px;
}