/* Ensure group-hover classes work properly */
.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
}

.group:hover .group-hover\:text-brown-600 {
  color: var(--brown-600, #8b4513);
}

.group:hover .group-hover\:bg-red-500 {
  background-color: var(--red-500, #ef4444);
}

/* Hover effects */
.hover\:text-red-500:hover {
  color: var(--red-500, #ef4444);
}

.hover\:text-brown-600:hover {
  color: var(--brown-600, #8b4513);
}

/* Fix for News Grid Widget category tags */
.news__item {
  position: relative;
}

.news__item-tag {
  position: absolute;
  z-index: 10;
  top: 4px;
  left: 4px;
}

/* Fix for Featured News Widget category tags */
.featured-news__main {
  position: relative;
}

.featured-news__tag {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

.featured-news__item {
  position: relative;
}

.featured-news__category {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
}

.featured-news__category-small {
  background: var(--color-white);
  color: var(--color-black);
  padding: 6px 12px;
  text-transform: uppercase;
  width: fit-content;
}

/* Tag transition effects */
.news__item-tag,
.featured-news__tag,
.featured-news__category {
  transition: color 0.3s ease-in-out;
}

/* Add any other group-hover classes you use */