/*******************************************************
 * SHARED SECTION & CARD STYLES
 *******************************************************/

/* A generic “light” section background & padding */
.section-light {
  background-color: var(--malagasy-white);
  padding: 4rem 0;
}

/* A reusable card style with a hover-lift effect */
.card-lift {
  height: 100%;
  border: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.card-lift:hover {
  transform: translateY(-5px);
}

/* Constrain image height and preserve aspect ratio */
.card-lift img {
  height: 250px;       /* adjust as needed */
  width: 100%;         /* ensure it fills card width */
  object-fit: cover;
}

/* Card body spacing (optional if you want default .card-body padding) */
.card-lift .card-body {
  padding: 1.5rem;
}

/* Card title color (matching var(--malagasy-green)) */
.card-lift .card-title {
  color: var(--malagasy-green);
  font-weight: bold;
}

/*******************************************************
 * TRUNCATED TEXT UTILITY
 *******************************************************/
.truncate-3 {
  display: -webkit-box;        /* for multi-line support in WebKit */
  -webkit-line-clamp: 3;       /* limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}

/*******************************************************
 * “READ MORE” BUTTON UTILITY
 *******************************************************/
.read-more {
  color: var(--malagasy-green);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}
.read-more:hover {
  color: #006830;
  text-decoration: underline;
}

/* Other News links at bottom of articles */
#other-news a {
  color: var(--malagasy-green);
  text-decoration: none;
}
#other-news a:hover {
  color: #006830;
  text-decoration: none;
}