/* Fix background for tag links */

/* Post meta tags styling */
.post-meta-tags .list-inline-item a,
.card-meta-tag .list-inline-item a,
ul.post-meta-tags li a,
ul.card-meta-tag li a,
.tag-list a,
a[href*="/tags/"] {
  background-color: #1E293B !important;
  color: #3CA3F4 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 2px !important;
  transition: all 0.3s ease !important;
  border: 1px solid #2D3748 !important;
}

/* Hover effect */
.post-meta-tags .list-inline-item a:hover,
.card-meta-tag .list-inline-item a:hover,
ul.post-meta-tags li a:hover,
ul.card-meta-tag li a:hover,
.tag-list a:hover,
a[href*="/tags/"]:hover {
  background-color: #2D3748 !important;
  color: #3CA3F4 !important;
  border-color: #3CA3F4 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

/* Fix for single post view */
.single-post-meta .post-meta-tags .list-inline-item a,
.single-post-meta ul.post-meta-tags li a {
  background-color: #1E293B !important;
  border-color: #2D3748 !important;
}

/* Fix for tag containers */
.post-meta-tags,
.card-meta-tag,
ul.post-meta-tags,
ul.card-meta-tag,
.tag-list {
  background-color: transparent !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 5px !important;
}

/* Fix for list items that contain tags */
.post-meta-tags .list-inline-item,
.card-meta-tag .list-inline-item,
ul.post-meta-tags li,
ul.card-meta-tag li {
  margin-right: 0 !important;
  margin-bottom: 5px !important;
  background-color: transparent !important;
}