/**
 * ============================================================================
 * RECENT HIGHLIGHTS EFFECTS - ARTICLE CARD HOVER ANIMATIONS
 * ============================================================================
 * Interactive hover effects for article cards in the recent highlights list.
 * ============================================================================
 */

/* ========================================================================== */
/* CARD LINK AND CONTAINER TRANSITIONS */
/* ========================================================================== */
.recent-highlights__link {
  transition: all 0.3s ease; /* Smooth transitions */
}

.recent-highlights__item {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* CARD HOVER STATE - Slide right and lift */
.recent-highlights__item:hover {
  border-color: #2a2530; /* Lighter border */
  transform: translateX(4px); /* Slide right */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Drop shadow */
}

/* TITLE HOVER STATE - Brighten */
.recent-highlights__link:hover .recent-highlights__item-title {
  color: rgba(255, 255, 255, 0.9); /* Brighter white */
}

/* ========================================================================== */
/* THUMBNAIL EFFECTS */
/* ========================================================================== */
.recent-highlights__thumbnail {
  transition:
    transform 0.4s ease,
    opacity 0.3s ease; /* Smooth zoom */
}

/* THUMBNAIL HOVER STATE - Zoom in */
.recent-highlights__link:hover .recent-highlights__thumbnail {
  transform: scale(1.1); /* Scale up 10% */
  opacity: 0.9; /* Slightly transparent */
}

/* ========================================================================== */
/* CATEGORY BADGE EFFECTS */
/* ========================================================================== */
.recent-highlights__category {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* CATEGORY HOVER STATE - Lift */
.recent-highlights__link:hover .recent-highlights__category {
  background-color: #2a2530; /* Lighter background */
  transform: translateY(-2px); /* Lift up */
}

/* ========================================================================== */
/* READ BUTTON EFFECTS */
/* ========================================================================== */
.recent-highlights__read-btn {
  transition: all 0.3s ease; /* Smooth transitions */
}

/* BUTTON HOVER STATE - Lift and shadow */
.recent-highlights__link:hover .recent-highlights__read-btn {
  background-color: #2a2530; /* Lighter background */
  transform: translateY(-2px); /* Lift up */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Drop shadow */
}

/* ========================================================================== */
/* DATE EFFECTS */
/* ========================================================================== */
.recent-highlights__date {
  transition: color 0.3s ease; /* Smooth color change */
}

/* DATE HOVER STATE - Brighten */
.recent-highlights__link:hover .recent-highlights__date {
  color: rgba(255, 255, 255, 0.9); /* Brighter white */
}