/* Apostle JT Ayodele Ministry - Custom Styles */

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Custom prose rendering for post content */
.post-content {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  line-height: 1.85;
  color: #1e293b;
}
.post-content p {
  margin-bottom: 1.25rem;
}
.post-content strong {
  color: #a86d20;
  font-weight: 600;
}
.post-content em {
  color: #6b46c1;
  font-style: italic;
}
.post-content h2, .post-content h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  color: #1e293b;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.post-content ol, .post-content ul {
  margin: 1rem 0 1rem 1.5rem;
}
.post-content ol li { list-style: decimal; margin-bottom: 0.35rem; }
.post-content ul li { list-style: disc; margin-bottom: 0.35rem; }

/* Filter buttons */
.filter-btn {
  background: white;
  color: #4b5563;
  border: 1px solid #f4e0b8;
}
.filter-btn:hover {
  background: #faf1e0;
  color: #a86d20;
}
.filter-btn.active {
  background: #c8892b;
  color: white;
  border-color: #c8892b;
}

/* Admin tabs */
.admin-tab-btn {
  color: #cbd5e1;
  transition: all 0.15s;
}
.admin-tab-btn:hover {
  background: rgba(200, 137, 43, 0.15);
  color: white;
}
.admin-tab-btn.active {
  background: linear-gradient(to right, #c8892b, #a86d20);
  color: white;
}

/* Comment/Prayer/Testimony status buttons */
.comment-status-btn, .prayer-status-btn, .testimony-status-btn {
  background: white;
  color: #4b5563;
  border: 1px solid #e2e8f0;
}
.comment-status-btn.active, .prayer-status-btn.active, .testimony-status-btn.active {
  background: #c8892b;
  color: white;
  border-color: #c8892b;
}

/* Card hover effect */
.post-card {
  transition: transform 0.2s, box-shadow 0.2s;
}
.post-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px -12px rgba(200, 137, 43, 0.2);
}

/* Heart button animation */
.like-btn.liked {
  color: #dc2626;
}
.like-btn.liked i {
  animation: heartbeat 0.6s ease-in-out;
}
@keyframes heartbeat {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.35); }
}

/* Toast notification */
.toast {
  position: fixed;
  top: 5rem;
  right: 1rem;
  z-index: 100;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  color: white;
  font-weight: 500;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  animation: slide-in 0.3s ease-out;
  max-width: 400px;
}
.toast.success { background: #16a34a; }
.toast.error   { background: #dc2626; }
.toast.info    { background: #2563eb; }
@keyframes slide-in {
  from { transform: translateX(120%); opacity: 0; }
  to   { transform: translateX(0);   opacity: 1; }
}

/* Divine badge for post types */
.badge-devotional { background: #faf1e0; color: #a86d20; }
.badge-prayer     { background: #f5f3ff; color: #6b46c1; }
.badge-sermon     { background: #dbeafe; color: #1d4ed8; }
.badge-announcement { background: #fef3c7; color: #b45309; }