/* ==========================================================================
   ✅ LEGO COMPONENT: SECTION – RELATED TAX (Kapcsolódó címkék)
   --------------------------------------------------------------------------
   - Egységes stílus a „További felhasználások / terméktípusok” blokkokhoz
   - BEM + LEGO namespace (tc-archives, tc-section, tc-chip)
   - Finom árnyalatok, kerekített címkék, modern hover
   ========================================================================== */

.tc-archives .tc-section--related-tax {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 0;
}

.tc-archives .tc-section--related-tax .tc-section-subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 1rem;
  text-align: left;
}

.tc-archives .tc-related-tax-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

/* --- CHIP STÍLUS --------------------------------------------------------- */
.tc-archives .tc-chip {
  display: inline-block;
  padding: 0.45rem 0.9rem;
  border-radius: 9999px;
  background-color: #f3f3f3;
  color: #333;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.25s ease;
  line-height: 1.3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* --- Hover / Focus ------------------------------------------------------- */
.tc-archives .tc-chip:hover,
.tc-archives .tc-chip:focus {
  background: linear-gradient(145deg, #eaeaea, #fdfdfd);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
  color: var(--tc-accent, #111);
}

/* --- Aktív vagy kiemelt elem -------------------------------------------- */
.tc-archives .tc-chip.is-active {
  background-color: var(--tc-accent, #111);
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* --- Reszponzív finomítások --------------------------------------------- */
@media (max-width: 768px) {
  .tc-archives .tc-section--related-tax .tc-section-subtitle {
    font-size: 1.05rem;
    margin-bottom: 0.8rem;
  }

  .tc-archives .tc-chip {
    font-size: 0.9rem;
    padding: 0.4rem 0.8rem;
  }
}