@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Mukta:wght@400;500;600;700&family=Baloo+Bhai+2:wght@500;600;700&display=swap');

/* Typography Configuration */
body {
  font-family: 'Inter', sans-serif;
  color: #1A1A1A;
  background-color: #FDFBF7;
  line-height: 1.6;
}

/* Ensure Devanagari headings and copy are legible and do not overlap */
.font-marathi {
  font-family: 'Mukta', 'Baloo Bhai 2', sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: #800020; /* Deep Maroon / Crimson default */
  font-weight: 700;
}

/* Responsive Touch-Friendly Swipe Carousel for Mobile */
.carousel-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Hide scrollbar Firefox */
  gap: 16px;
  padding-bottom: 8px;
}

.carousel-container::-webkit-scrollbar {
  display: none; /* Hide scrollbar Chrome/Safari */
}

.carousel-card {
  scroll-snap-align: start;
  flex: 0 0 calc(85% - 8px); /* Card occupies 85% of mobile screen width */
  max-width: 320px;
}

@media (min-width: 768px) {
  .carousel-container {
    overflow-x: visible;
    scroll-snap-type: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding-bottom: 0;
  }
  
  .carousel-card {
    flex: none;
    max-width: none;
  }
}

/* Floating Sticky Header Blur effect */
.glass-nav {
  background-color: rgba(253, 251, 247, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(128, 0, 32, 0.08);
}

/* Card Hover Animation */
.hover-lift {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px -10px rgba(128, 0, 0, 0.12);
}

/* Custom Scroll Indicators for Mobile Carousel */
.scroll-indicator {
  transition: all 0.3s ease;
}

.scroll-indicator.active {
  background-color: #800020;
  width: 24px;
}