/* css/custom.css */

/* Fonts setup */
body.lang-en {
  font-family: 'DM Sans', sans-serif;
}

body.lang-hi {
  font-family: 'Noto Serif Devanagari', serif;
  line-height: 1.9; /* Devanagari needs more line height */
}

/* Headings in English default to DM Serif Display if specified, otherwise DM Sans */
.font-display {
  font-family: 'DM Serif Display', serif;
}

/* Headings in Hindi */
body.lang-hi h1,
body.lang-hi h2,
body.lang-hi h3,
body.lang-hi .font-display {
  font-family: 'Noto Serif Devanagari', serif;
  font-weight: 600;
}

/* Announcement Ticker Marquee Animation */
@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.animate-marquee {
  display: inline-flex;
  white-space: nowrap;
  animation: marquee 25s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Saffron line section header styling */
.section-accent-bar {
  width: 40px;
  height: 3px;
  background-color: #E8650A;
  margin-bottom: 0.75rem;
}

/* Embla Carousel styles */
.embla {
  overflow: hidden;
  position: relative;
}

.embla__container {
  display: flex;
  will-change: transform;
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
  position: relative;
}

/* Specific styling for testimonials and media carousel items */
.embla-multi {
  overflow: hidden;
  width: 100%;
}
.embla-multi__container {
  display: flex;
  margin-left: -16px;
}
.embla-multi__slide {
  flex: 0 0 100%;
  min-width: 0;
  padding-left: 16px;
}
@media (min-width: 768px) {
  .embla-multi__slide {
    flex: 0 0 50%;
  }
}
@media (min-width: 1024px) {
  .embla-multi-media__slide {
    flex: 0 0 33.333%;
  }
  .embla-multi-testimonial__slide {
    flex: 0 0 40%;
  }
}