/* Container for the tags */
.footer-tags {
  margin-bottom: 1.5rem;
  text-align: center; /* or left, depending on your design */
}

.footer-tags h4 {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  opacity: 0.7;
}

.chiclet-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center; /* Aligns chiclets in the center */
}

/* The individual Chiclet Pill */
.chiclet-tag {
  display: inline-block;
  background-color: #ffe0b2; /* Pale Orange */
  color: #5c3a00;            /* Dark Brown/Orange text (looks cleaner than #333) */
  padding: 4px 10px;
  border-radius: 4px;        /* Soft corners (use 99px for full round) */
  text-decoration: none;
  font-size: 0.8rem;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}

/* Hover Effect */
.chiclet-tag:hover {
  background-color: #fb8c00; /* Bright/Vibrant Orange */
  color: white;
  transform: translateY(-1px); /* Slight lift */
}

/* The tiny number count inside the tag */
.tag-count {
  font-size: 0.7em;
  opacity: 0.6;
  margin-left: 4px;
}