/* src/css/blog.css */

.blog-card {
  /* Removed: opacity: 0; and transform: translateY(30px); to make posts visible by default */
}

.blog-card.aos-animate {
  opacity: 1;
  transform: translateY(0);
}

/* Enhanced hover effects */
.blog-card:hover .decorative-circle {
  transform: scale(1.2);
  opacity: 0.8;
}

/* Smooth transitions for all interactive elements */
.blog-card * {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom gradient backgrounds */
.gradient-bg-1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.gradient-bg-2 {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.gradient-bg-3 {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

/* Responsive typography improvements */
@media (max-width: 768px) {
  .blog-card .absolute.top-6.right-6 {
    position: static;
    display: inline-block;
    margin-bottom: 1rem;
  }
  
  .blog-card .pr-20 {
    padding-right: 0;
  }
}

/* Added line-clamp utilities for text truncation */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Ensure consistent card heights in grid */
.blog-card a {
  height: 100%;
}

.blog-card .relative {
  min-height: 280px;
}