/* ==========================================================================
   Tour Ceylon +94 — Page hero + breadcrumb
   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.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Page hero — the compact masthead every inner page opens with
   -------------------------------------------------------------------------- */
.tc94-page-hero {
  position: relative;
  isolation: isolate;
  background-color: var(--wp--preset--color--surface-darker);
  color: var(--wp--custom--color--on-dark-muted);
  padding-block: calc(var(--wp--custom--section-y) + var(--wp--preset--spacing--40)) var(--wp--custom--section-y);
  overflow: hidden;
}

.tc94-page-hero__media {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.tc94-page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}

.tc94-page-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(100deg,
      rgba(20, 26, 32, 0.92) 0%,
      rgba(20, 26, 32, 0.80) 42%,
      rgba(20, 26, 32, 0.46) 78%,
      rgba(20, 26, 32, 0.58) 100%),
    linear-gradient(to top, rgba(20, 26, 32, 0.78), rgba(20, 26, 32, 0) 55%);
}

.tc94-page-hero__inner { max-width: 46rem; }

.tc94-page-hero__title {
  margin-top: var(--wp--preset--spacing--40);
  color: var(--wp--custom--color--heading-on-dark);
  font-size: var(--wp--preset--font-size--xxxl);
}

.tc94-page-hero__lede {
  margin-top: var(--wp--preset--spacing--50);
  font-size: var(--wp--preset--font-size--lg);
  line-height: var(--wp--custom--leading--relaxed);
  color: var(--wp--custom--color--on-dark-muted);
  max-width: var(--wp--custom--measure--lede);
}

.tc94-page-hero__actions {
  margin-top: var(--wp--preset--spacing--80);
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--40);
}

/* Key facts pinned to the bottom of the masthead */
.tc94-page-hero__facts {
  margin-top: var(--wp--preset--spacing--90);
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--80);
  padding-top: var(--wp--preset--spacing--60);
  border-top: 1px solid var(--wp--custom--color--border-on-dark);
}

.tc94-page-hero__facts > div { min-width: 7rem; }

.tc94-page-hero__facts dt {
  font-size: var(--wp--preset--font-size--xxs);
  font-weight: var(--wp--custom--weight--bold);
  letter-spacing: var(--wp--custom--tracking--caps);
  text-transform: uppercase;
  color: var(--wp--preset--color--highlight);
}

.tc94-page-hero__facts dd {
  margin: var(--wp--preset--spacing--10) 0 0;
  font-size: var(--wp--preset--font-size--lg);
  font-weight: var(--wp--custom--weight--semibold);
  color: var(--wp--custom--color--on-dark);
}

/* --------------------------------------------------------------------------
   Breadcrumb
   -------------------------------------------------------------------------- */
.tc94-breadcrumb { font-size: var(--wp--preset--font-size--sm); }

.tc94-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  margin: 0;
  padding: 0;
  list-style: none;
}

.tc94-breadcrumb li {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  color: var(--wp--custom--color--on-dark-muted);
}

.tc94-breadcrumb li + li::before {
  content: "/";
  color: var(--wp--custom--color--on-dark-muted);
  opacity: 0.5;
}

.tc94-breadcrumb a { color: var(--wp--preset--color--highlight); }

.tc94-breadcrumb [aria-current="page"] { color: var(--wp--custom--color--on-dark); }