/* Custom styles for Mindful Moments theme */

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

/* Custom scrollbar - removed for default browser styling */

/* Menu styling */
#menu-primary-menu a,
.menu a {
  color: white !important;
}

#menu-primary-menu a:hover,
.menu a:hover {
  color: #6466e9 !important;
}

/* Prose styles for content pages */
.prose {
  color: #374151;
}

.prose h2 {
  color: #111827;
  font-weight: 700;
  margin-top: 2em;
  margin-bottom: 1em;
}

.prose h3 {
  color: #1f2937;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
}

.prose ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

.prose li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose a {
  color: #6466e9;
  text-decoration: underline;
}

.prose a:hover {
  color: #5a5cd8;
}

/* Animation for fade-in effects */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeIn 0.6s ease-out;
}

/* iPhone-like rounding for hero screenshot */
.iphone-bezel {
  border-radius: 3rem; /* 48px */
}

.iphone-screen {
  border-radius: 2.5rem; /* 40px */
}