/* ============================================================
   CRUISE LINE TAGS — shared by every "cruise lines we work with"
   section. Renders via Views/V2/Shared/_CruiseLineTags.cshtml.
   Unscoped (no page prefix) on purpose: it is the one canonical
   style now, not a per-page variant, so it does not live inside
   .packages-page/.destination-page like the two blocks it replaced
   (.pkg-lines/.pkg-line-chip in packages.css,
   .dp-line-chips/.dp-line-chip in destination-page.css).

   Style is the former Home .hcl-list/.hcl-tag look — chosen as
   canonical over the packages page's white pill and the destination
   page's rounded-pill variant, which this component no longer
   produces anywhere.
   ============================================================ */

.cruise-line-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  max-width: 1000px;
}

.cruise-line-tag {
  background-color: var(--blue-05);
  color: var(--blue-80);
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid var(--light-15);
  white-space: nowrap;
}