/* Abbey Care Complex — SITE-ONLY overrides. Loaded last, after all shared CSS.
 * Put new per-site rules here (they win over shared rules of equal specificity). */
/* Site variants kept from Phase 0 live INSIDE the shared files, scoped to this site (search: data-site="abbey-care-complex").
 *   rules only this site has: style.css 6, components.css 125
 *   shared rules switched off for this site: style.css 6, components.css 26
 * To adopt the shared design for a rule: delete the site-only rule / remove this slug from the :not() list (in _shared/css), then sync. */

/* ---- site-only rules that cannot be scoped (:root variables, html, *, @keyframes) ---- */
@keyframes accRotateCircle {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* 404.html loads style.css without components.css, so it never had the components.css tokens
   (wide-screen container/section spacing, 68px mobile navbar). Keep its original values. */
@media (min-width: 1600px) {
  :root:has(body[data-page="404"]) {
    --acc-container-max: 1220px;
    --acc-section-y: clamp(3.4rem, 2.3rem + 3.2vw, 6.8rem);
  }
}
@media (max-width: 575.98px) {
  :root:has(body[data-page="404"]) {
    --acc-navbar-h: 72px;
  }
}

/* Shared styles use !important for type and section spacing; override only pilot components. */
/* Compact subpage headers — Abbey Care Complex pilot. */
.acc-subpage-head {
  padding-block: var(--acc-subpage-head-y);
  background: var(--acc-surface);
  border-bottom: 1px solid var(--acc-border);
  text-align: center;
}
.acc-subpage-head__crumbs {
  justify-content: center;
  margin: 0 0 var(--acc-page-space-sm);
  font-size: var(--acc-subpage-crumb-size);
}
.acc-subpage-head__crumbs a { color: var(--acc-ink-500); }
.acc-subpage-head__title {
  max-width: var(--acc-subpage-title-width);
  margin: 0 auto;
  color: var(--acc-brand-900);
  font-size: var(--acc-subpage-title-size) !important;
  line-height: var(--acc-lh-tight);
  text-wrap: balance;
}
.acc-subpage-head__intro {
  max-width: var(--acc-subpage-intro-width);
  margin: var(--acc-page-space-md) auto 0;
  color: var(--acc-ink-700);
  font-size: var(--acc-page-copy-size) !important;
  line-height: var(--acc-lh-body);
  text-wrap: pretty;
  hyphens: none;
}
.acc-subpage-head + section,
.acc-subpage-head + main > :first-child {
  padding-top: var(--acc-page-body-y) !important;
}

/* Introductory content uses the same open layout as the compact page header. */
.acc-service-detail { background: var(--acc-surface); }
.acc-service-intro-section .row { align-items: start !important; }
.acc-service-intro-section .acc-editorial-frame {
  position: static;
  padding: 0 calc(var(--bs-gutter-x) * 0.5);
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.acc-service-intro-section .acc-editorial-frame::before,
.acc-service-intro-section .acc-editorial-frame::after { display: none; }
.acc-service-intro-section h2 {
  color: var(--acc-brand-900) !important;
  font-size: var(--acc-page-section-size) !important;
}
.acc-service-intro-section p { font-size: var(--acc-page-copy-size) !important; hyphens: none; }
.acc-subpage-head__crumbs .breadcrumb-item { font-size: var(--acc-subpage-crumb-size) !important; }
