/* ==========================================================================
   PAGE HEAD — inner page header (template-parts/pagehead.php)

   Breadcrumb, title and an optional lead paragraph on a pale band, with a
   variant that takes a background image.

   Shared by every inner template, which is why this stylesheet loads on every
   request rather than behind a template condition.

   The title sits against the container edge, so body copy below it must stay
   left aligned too.
   ========================================================================== */

.aumtm-pagehead {
  position: relative;
  background: var(--aumtm-bg-soft);
  border-bottom: 1px solid var(--aumtm-line);
  overflow: hidden;
}

/* Image variant, used on treatment pages */
.aumtm-pagehead--img { background: var(--aumtm-blue-deep); border-bottom: 0; }
.aumtm-pagehead__img.aumtm-pagehead__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.aumtm-pagehead__scrim {
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
              rgba(21, 64, 95, 0.72) 0%,
              rgba(21, 64, 95, 0.86) 100%);
}

.aumtm-pagehead__inner {
  position: relative;
  padding-block: clamp(3rem, 6vw, 4.75rem);
}
.aumtm-pagehead--img .aumtm-pagehead__inner { padding-block: clamp(4rem, 8vw, 6.5rem); }

.aumtm-pagehead__title { font-size: var(--aumtm-fs-h2); }
.aumtm-pagehead--img .aumtm-pagehead__title { color: #fff; }

.aumtm-pagehead__lead {
  max-width: 58ch;
  margin-top: 0.875rem;
  font-size: var(--aumtm-fs-lead);
}
.aumtm-pagehead--img .aumtm-pagehead__lead { color: rgba(255, 255, 255, 0.85); }

/* ---------- Breadcrumb ---------- */
.aumtm-crumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.875rem;
  font-size: var(--aumtm-fs-xs);
  color: var(--aumtm-text-dim);
}
.aumtm-crumbs li { display: inline-flex; align-items: center; gap: 0.5rem; }
.aumtm-crumbs li + li::before {
  content: "/";
  color: var(--aumtm-line);
}
.aumtm-crumbs a { transition: color var(--aumtm-dur) var(--aumtm-ease); }
.aumtm-crumbs a:hover { color: var(--aumtm-blue); }
.aumtm-crumbs [aria-current="page"] { color: var(--aumtm-heading); }

.aumtm-pagehead--img .aumtm-crumbs { color: rgba(255, 255, 255, 0.6); }
.aumtm-pagehead--img .aumtm-crumbs li + li::before { color: rgba(255, 255, 255, 0.3); }
.aumtm-pagehead--img .aumtm-crumbs a:hover { color: var(--aumtm-cyan-soft); }
.aumtm-pagehead--img .aumtm-crumbs [aria-current="page"] { color: #fff; }