:root {
  /* #8A6D16 (= --gold-btn): texto branco a 4.9:1 (AA). #B8962E ficava em 2.8:1 */
  --appointment-cta-gold: #8A6D16;
  --appointment-cta-gold-hover: #735A10;
  --appointment-cta-shadow: 0 6px 20px rgba(184, 150, 46, 0.34);
  --appointment-cta-shadow-hover: 0 8px 26px rgba(184, 150, 46, 0.46);
}

a[href*="/agendar"].nav-cta,
a[href*="/agendar"].topbar-cta,
a[href*="/agendar"].nav-drawer-cta,
a[href*="/agendar"].btn-primary,
a[href*="/agendar"].cta-hero,
a[href*="/agendar"].btn-cta,
a[href*="/agendar"].btn-gold,
a[href*="/agendar"][data-track="cta_primary"],
.sticky-mobile-cta a[href*="/agendar"] {
  background: var(--appointment-cta-gold) !important;
  border-color: var(--appointment-cta-gold) !important;
  color: #fff !important;
  box-shadow: var(--appointment-cta-shadow) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

a[href*="/agendar"].nav-cta:hover,
a[href*="/agendar"].topbar-cta:hover,
a[href*="/agendar"].nav-drawer-cta:hover,
a[href*="/agendar"].btn-primary:hover,
a[href*="/agendar"].cta-hero:hover,
a[href*="/agendar"].btn-cta:hover,
a[href*="/agendar"].btn-gold:hover,
a[href*="/agendar"][data-track="cta_primary"]:hover,
.sticky-mobile-cta a[href*="/agendar"]:hover {
  background: var(--appointment-cta-gold-hover) !important;
  border-color: var(--appointment-cta-gold-hover) !important;
  color: #fff !important;
  box-shadow: var(--appointment-cta-shadow-hover) !important;
}

/* ── Barra fixa de CTA no mobile (aparece após scroll) ────────────────────
   Estrutura compartilhada entre home e subpáginas — ver /assets/sticky-mobile-cta.js */
.sticky-mobile-cta {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 60;
  background: var(--warm-white, #FDFAF5);
  border-top: 1px solid var(--warm-border, #E2D9CC);
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  box-shadow: 0 -8px 24px rgba(26, 23, 20, 0.10);
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: none;
}
.sticky-mobile-cta.visible { transform: translateY(0); }
.sticky-mobile-cta-row { display: flex; gap: 10px; }
.sticky-mobile-cta a {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 18px;
  border-radius: 10px;
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 15px; font-weight: 600;
  text-decoration: none !important;
  flex: 1;
}
.sticky-mobile-cta a svg { flex-shrink: 0; }
.sticky-mobile-cta a.sticky-whatsapp {
  flex: 0 0 auto;
  width: 48px;
  padding: 14px;
  background: #25D366;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.30);
}
.sticky-mobile-cta a.sticky-whatsapp:hover { background: #1EBE5A; }
@media (max-width: 880px) {
  .sticky-mobile-cta { display: block; }
  /* Espaço extra no fim do body para não esconder o footer */
  body { padding-bottom: 80px; }
}
