/* Custom Church Theme Styles */

@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* Active tab styling */
.feed-tab.active-tab {
  background-color: #6B1724;
  color: #FAF7F2;
  box-shadow: 0 2px 8px rgba(107, 23, 36, 0.25);
  border: 1px solid rgba(212, 175, 55, 0.4);
}

/* Post card smooth hover */
.post-card {
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.post-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -2px rgba(107, 23, 36, 0.09), 0 3px 8px -1px rgba(42, 33, 29, 0.05);
}

/* Animated Amen Cross particle effect */
@keyframes floatAmen {
  0% {
    opacity: 1;
    transform: translateY(0) scale(0.8);
  }
  50% {
    opacity: 1;
    transform: translateY(-28px) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px) scale(1);
  }
}

.amen-bubble {
  position: absolute;
  pointer-events: none;
  animation: floatAmen 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  font-weight: bold;
  color: #D4AF37;
  text-shadow: 0 2px 4px rgba(107, 23, 36, 0.4);
  font-size: 1.1rem;
}

/* Image container aspect ratio safety */
.post-image-container {
  max-height: 480px;
  overflow: hidden;
  background-color: #FAF7F2;
}

.post-image-container img {
  width: 100%;
  height: 100%;
  max-height: 480px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.post-image-container:hover img {
  transform: scale(1.015);
}

/* Gold shimmer on scripture blocks */
.scripture-pill {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.12) 0%, rgba(243, 229, 171, 0.28) 100%);
  border-left: 3px solid #D4AF37;
}

/* Prevent layout jump when modals open */
body.modal-open {
  overflow: hidden;
}