/* 2026-09-16: keep the gold in the logo only; use a calm teal/blue UI palette. */
:root {
  --gold: #76c3cf;
  --cool-accent: #168ea4;
  --cool-accent-dark: #0b6f83;
  --cool-accent-soft: #dff3f6;
}

/* Present the existing artwork as one calm brand colour without redrawing it. */
.brand-logo-link { position: relative; }
.brand-logo { visibility: hidden; }
.brand-logo-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 225px;
  height: 58px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, #0b6f83, #168ea4);
  -webkit-mask: url("images/elderlyhub-logo.png?v=20260914a") left center / contain no-repeat;
  mask: url("images/elderlyhub-logo.png?v=20260914a") left center / contain no-repeat;
  pointer-events: none;
}
.site-footer .brand-logo-link::after { width: 210px; height: 64px; }
@media (max-width: 760px) {
  .brand-logo-link::after { width: 174px; height: 48px; }
  .site-footer .brand-logo-link::after { width: 185px; height: 54px; }
}

/* Repeated decorative rules and dividers */
.eyebrow span,
.portal-hero-panel .section-kicker:before,
.home-hero-slide .portal-hero-panel .section-kicker::before,
.home-hero-slide .portal-hero-panel .section-kicker::after,
.site-footer .footer-main nav b:after,
.site-footer .footer-help b:after {
  background: var(--cool-accent) !important;
}
.home-hero-slide .portal-hero-panel > a {
  border-left-color: var(--cool-accent) !important;
}
.portal-hero,
.trust-strip,
.summary-action,
.footer-help,
.community-cards,
.funding-reference-grid a,
.dual-search-grid .home-service-finder {
  border-color: #76c3cf !important;
}
.expense-note {
  border-left-color: #76c3cf !important;
  background: #f1f9fa !important;
}

/* Directory cards: remove retail-style orange price and ribbon treatments */
.results-shell .card-side .price strong:not(.plan-fee),
.cost-result-homes span {
  color: var(--cool-accent-dark) !important;
}
.home-map-result-list strong {
  color: var(--cool-accent-dark) !important;
}
.results-shell .bought-place-ribbon {
  background: var(--cool-accent) !important;
  box-shadow: 0 3px 10px rgba(11,111,131,.18) !important;
}
.tag,
.source-note {
  border-left-color: #76c3cf !important;
}

/* Home and guide accents */
.path-card:hover { border-color: #76c3cf !important; }
.path-card > i,
.situation-cards i,
.care-grade-inline b {
  color: var(--cool-accent-dark) !important;
}
.feature-photo span {
  background: var(--cool-accent) !important;
}
.guide-steps i {
  border-color: #76c3cf !important;
  color: var(--cool-accent-dark) !important;
}
.compare-bar .compare-go {
  background: var(--cool-accent) !important;
  color: #fff !important;
}

/* Home detail and fee information */
.detail-page .rating-bars i em,
.rating-card .rating-bars i em,
.overview-rating-details i u {
  background: var(--cool-accent) !important;
}
.rating-bars i em {
  background: linear-gradient(90deg, #76c3cf, #168ea4) !important;
}
.rating-summary > strong span,
.bought-place-level span,
.overview-rating-head b span {
  color: var(--cool-accent-dark) !important;
}
.detail-section-block > h2:after,
.section-title-row > h2:after {
  background: #76c3cf !important;
}
.detail-page .fee-table,
.overview-content-section .overview-subtitle,
.overview-content-section .overview-fees .fee-table,
.overview-content-section .overview-table {
  border-top-color: #76c3cf !important;
  border-bottom-color: #76c3cf !important;
}
.source-button,
.location-card a,
.nearby-section a,
.home-official-website {
  border-bottom-color: #76c3cf !important;
}
.verified-mark {
  color: var(--cool-accent-dark) !important;
  background: var(--cool-accent-soft) !important;
}