/* =========================
   BLOG GRID EQUAL HEIGHT FIX
   ========================= */

/* Make each column behave as flex */
.blog-three__inner .row > [class*="col-"] {
  display: flex;
}

/* Card container */
.blog-three__single {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #fff; /* optional */
  border-radius: 8px; /* optional */
  overflow: hidden; /* prevents overflow issues */
}

/* Image wrapper */
.blog-three__img-box {
  position: relative;
}

/* Force consistent image height */
.blog-three__img {
  width: 100%;
  height: 220px; /* adjust if needed */
  overflow: hidden;
}

.blog-three__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Date badge (keep your styling or adjust) */
.blog-three__date {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #28a745;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
}

/* Content area */
.blog-three__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}

/* Meta */
.blog-three__meta-box {
  margin-bottom: 10px;
}

/* Title - clamp to 2 lines */
.blog-three__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Text - clamp to 3 lines */
.blog-three__text {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;

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

/* Push Read More to bottom */
.blog-three__read-more {
  margin-top: auto;
}

/* Read more link */
.blog-three__read-more a {
  text-decoration: none;
  font-weight: 500;
  color: #28a745;
}

/* Optional hover effect */
.blog-three__single:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}