/* Praywe custom styles */

/* Smooth sentence transitions */
.sentence-text {
  transition: opacity 0.5s ease, color 0.5s ease, font-weight 0.3s ease;
}

/* Prayer text font */
.prayer-text {
  font-family: 'Crimson Pro', Georgia, serif;
  font-size: 1.25rem;
  line-height: 1.8;
}

/* Pulsing glow on active playback */
@keyframes sacred-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.3); }
  50%       { box-shadow: 0 0 0 10px rgba(139, 92, 246, 0); }
}
.playing-indicator {
  animation: sacred-pulse 2s ease-in-out infinite;
}

/* Fade-in for images */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(1.02); }
  to   { opacity: 1; transform: scale(1); }
}
.image-fade-in {
  animation: fadeIn 0.8s ease forwards;
}

/* Line clamp utility */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ddd6fe; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c4b5fd; }

/* Loading spinner overlay */
.overlay-loading {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}