/* Article card hover effects */

/* On hover, fade out the title overlay and fade in the read article overlay */
.project-cover:hover .article-title-overlay,
.project-cover.touch-hover .article-title-overlay {
  opacity: 0 !important;
}

.project-cover:hover .read-article-overlay,
.project-cover.touch-hover .read-article-overlay {
  opacity: 1 !important;
}

/* Keep article details hidden */
.project-cover:hover .details-wrap,
.project-cover.touch-hover .details-wrap {
  opacity: 0 !important;
}

/* Mobile article card styling */
@media (max-width: 768px) {
  .project-cover .article-title-overlay {
    padding: 12px 10px !important;
  }
  
  .project-cover .article-title-overlay > div {
    font-size: 18px !important;
  }
}