/* Beauty Clinique V2.9.1 | Footer colour parity only.
   Source of truth: approved V2 Homepage Olive Graphite footer.
   Loads LAST on all 32 EN / zh routes.
   No display, positioning, heights, padding, layout, typography or content changes.
*/
:root {
  --bc-v291-footer-bg: #4A4D45;
  --bc-v291-footer-text: #F7F5F0;
  --bc-v291-footer-copy: #E5E5DC;
  --bc-v291-footer-gold: #D4B995;
  --bc-v291-footer-rule: #717768;
}

/* Shared footer surfaces, including legacy route fallbacks. */
footer.bc-global-footer,
footer.bc-global-footer.contact-section,
footer.bcx-footer,
footer.bc-footer {
  background: var(--bc-v291-footer-bg) !important;
  background-color: var(--bc-v291-footer-bg) !important;
  color: var(--bc-v291-footer-text) !important;
  border-top-color: var(--bc-v291-footer-rule) !important;
}
footer.bc-global-footer .bc-global-footer-wordmark,
footer.bc-global-footer .bc-global-footer-wordmark:link,
footer.bc-global-footer .bc-global-footer-wordmark:visited,
footer.bcx-footer .bcx-footer-brand,
footer.bc-footer .bc-footer-name {
  color: var(--bc-v291-footer-text) !important;
}
footer.bc-global-footer address,
footer.bc-global-footer p.bc-global-footer-hours,
footer.bc-global-footer p.bc-global-footer-policy,
footer.bcx-footer p,
footer.bcx-footer address,
footer.bc-footer p,
footer.bc-footer address {
  color: var(--bc-v291-footer-copy) !important;
}
footer.bc-global-footer .bc-global-footer-kicker,
footer.bc-global-footer .bc-global-footer-links a,
footer.bcx-footer nav a,
footer.bc-footer .bc-footer-links a {
  color: var(--bc-v291-footer-gold) !important;
}

/* Same approved charcoal booking bar on every mobile route.
   IMPORTANT: do not change display, position, z-index or sizing.
   The site has 3 different legacy sticky CTA classes. */
@media (max-width: 899px) {
  .mobile-sticky,
  .bcx-sticky,
  .bc-mobile-cta {
    background: var(--bc-v291-footer-bg) !important;
    background-color: var(--bc-v291-footer-bg) !important;
    color: var(--bc-v291-footer-text) !important;
    border-top-color: var(--bc-v291-footer-rule) !important;
  }
  .mobile-sticky a,
  .bcx-sticky a,
  .bc-mobile-cta a {
    color: var(--bc-v291-footer-text) !important;
  }
  .mobile-sticky a + a,
  .bcx-sticky a + a,
  .bc-mobile-cta a + a {
    border-left-color: var(--bc-v291-footer-rule) !important;
  }
}