/* ==========================================================================
   Tour Ceylon +94 — Compare table
   Ported from the static design's pages.css. Every length, colour and
   duration resolves through a theme.json token, so Global Styles still
   re-skins this section.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Compare — which tour suits you
   -------------------------------------------------------------------------- */
.tc94-compare {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--lg);
  background-color: var(--wp--preset--color--base);
  box-shadow: var(--wp--custom--shadow--sm);
  overflow: hidden;
}

.tc94-compare__scroll { overflow-x: auto; }

.tc94-compare table {
  width: 100%;
  min-width: 42rem;
  border-collapse: collapse;
  font-size: var(--wp--preset--font-size--base);
}

.tc94-compare caption {
  text-align: left;
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) 0;
  color: var(--wp--custom--color--text-muted);
  font-size: var(--wp--preset--font-size--sm);
}

.tc94-compare th,
.tc94-compare td {
  text-align: left;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
  border-bottom: 1px solid var(--wp--preset--color--line);
  vertical-align: top;
}

.tc94-compare thead th {
  background-color: var(--wp--preset--color--surface-dark);
  color: var(--wp--custom--color--heading-on-dark);
  font-size: var(--wp--preset--font-size--base);
  border-bottom: 0;
}

.tc94-compare thead th:first-child {
  font-size: var(--wp--preset--font-size--xxs);
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--highlight);
}

.tc94-compare tbody th {
  font-weight: var(--wp--custom--weight--semibold);
  color: var(--wp--custom--color--text);
  background-color: var(--wp--preset--color--surface-subtle);
  width: 12rem;
}

.tc94-compare tbody tr:last-child th,
.tc94-compare tbody tr:last-child td { border-bottom: 0; }