/* ==========================================================================
   Tour Ceylon +94 — Value / info cards
   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.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Value / info cards
   -------------------------------------------------------------------------- */
.tc94-value-grid {
  display: grid;
  gap: var(--wp--preset--spacing--50);
}

@media (min-width: 40rem) {
  .tc94-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 64rem) {
  .tc94-value-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.tc94-value {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--md);
  padding: var(--wp--preset--spacing--70);
  box-shadow: var(--wp--custom--shadow--xs);
  height: 100%;
}

.tc94-value__icon {
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: var(--wp--custom--radius--md);
  background-color: var(--wp--preset--color--ocean-soft);
  color: var(--wp--preset--color--accent-ink);
  display: grid;
  place-items: center;
  margin-bottom: var(--wp--preset--spacing--50);
}

.tc94-value h3 { font-size: var(--wp--preset--font-size--lg); }

.tc94-value p {
  margin-top: var(--wp--preset--spacing--30);
  color: var(--wp--custom--color--text-muted);
  font-size: var(--wp--preset--font-size--base);
}

.tc94-section--dark .tc94-value {
  background-color: var(--wp--custom--alpha--white-08);
  border-color: var(--wp--custom--color--border-on-dark);
  box-shadow: none;
}

.tc94-section--dark .tc94-value__icon {
  background-color: var(--wp--custom--alpha--gold-20);
  color: var(--wp--preset--color--highlight);
}

.tc94-section--dark .tc94-value p { color: var(--wp--custom--color--on-dark-muted); }

/* The static design left the card's arrow link flush against the paragraph
   above it, because the global reset zeroes every paragraph margin. One
   line of air, so the link reads as a link and not as the last word. */
.tc94-value .tc94-link-arrow { margin-top: var(--wp--preset--spacing--40); }