/* ==========================================================================
   Tour Ceylon +94 — Mid-page band
   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.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mid-page band — a lighter call to action between sections
   -------------------------------------------------------------------------- */
.tc94-band {
  background-color: var(--wp--preset--color--surface-dark);
  border-radius: var(--wp--custom--radius--lg);
  padding: var(--wp--preset--spacing--90);
  color: var(--wp--custom--color--on-dark-muted);
  display: grid;
  gap: var(--wp--preset--spacing--60);
  box-shadow: var(--wp--custom--shadow--lg);
}

@media (min-width: 56rem) {
  .tc94-band {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--wp--preset--spacing--90);
    padding: var(--wp--preset--spacing--90) var(--wp--preset--spacing--100);
  }
}

.tc94-band h2 {
  color: var(--wp--custom--color--heading-on-dark);
  font-size: var(--wp--preset--font-size--xl);
}

.tc94-band p { margin-top: var(--wp--preset--spacing--30); max-width: var(--wp--custom--measure--lede); }

.tc94-band__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--40);
}