/* Card styling improvements */

/* Add border radius to cards */
.card {
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  margin-bottom: 30px !important;
}

/* Make card images rounded at top corners */
.card img,
.card-img,
.card-img-top {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

/* Add padding to card body */
.card-body {
  padding: 1.5rem !important;
}

/* Add hover effect */
.card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Ensure proper spacing between card elements */
.card-title {
  margin-bottom: 0.75rem !important;
}

.card-text {
  margin-bottom: 1.25rem !important;
}

/* Make footer more distinct */
.card-footer {
  padding: 1rem 1.5rem !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* Fix article card styling */
.article-card {
  border-radius: 12px !important;
  overflow: hidden !important;
  padding-bottom: 1rem !important;
}

.article-card img {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

/* Add padding to article content */
.article-content,
.article-card .content {
  padding: 1.5rem !important;
  padding-bottom: 0.75rem !important;
}

/* Blog post cards */
.post-card,
.blog-card {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.post-card img,
.blog-card img {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.post-card .card-body,
.blog-card .card-body {
  padding: 1.5rem !important;
}

/* Make sure tag/category badges have good spacing */
.post-meta {
  margin-bottom: 0.75rem !important;
}

/* Add spacing to bottom of post thumbnail */
.post-thumbnail {
  margin-bottom: 1rem !important;
}