/* ═══════════════════════════════════════════════════════════════
   HER RISE — LIQUID GLASS BUTTON SYSTEM (site-wide)
   One brand style for every call-to-action button.
   Linked from every page:  <link rel="stylesheet" href="liquid-glass.css?v=20260930">
   To revert the look, remove that <link> line from the pages.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --lgb-fill:
    linear-gradient(180deg, rgba(255,255,255,0.36) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0) 52%),
    linear-gradient(135deg, rgba(224,60,134,0.90) 0%, rgba(172,28,96,0.92) 100%);
  --lgb-fill-hover:
    linear-gradient(180deg, rgba(255,255,255,0.46) 0%, rgba(255,255,255,0.10) 50%, rgba(255,255,255,0) 52%),
    linear-gradient(135deg, rgba(236,72,146,0.95) 0%, rgba(186,36,108,0.96) 100%);
  --lgb-border: 1px solid rgba(255,255,255,0.55);
  --lgb-shadow: 0 8px 22px rgba(172,28,96,0.34), inset 0 1px 0 rgba(255,255,255,0.72), inset 0 -1px 0 rgba(255,255,255,0.16), inset 0 0 14px rgba(255,255,255,0.08);
  --lgb-shadow-hover: 0 14px 32px rgba(172,28,96,0.46), inset 0 1px 0 rgba(255,255,255,0.85), inset 0 -1px 0 rgba(255,255,255,0.20), inset 0 0 16px rgba(255,255,255,0.12);
}

/* ── Primary glass button ───────────────────────────────────── */
.ktc-btn,
.ktc-btn.ktc-btn--solid.ktc-btn--primary,
.ktc-btn.ktc-btn--solid.ktc-btn--secondary,
.ktc-btn.ktc-btn--outline.ktc-btn--primary,
.ktc-btn.ktc-btn--outline.ktc-btn--secondary,
.ktc-cta-card__buttons .ktc-btn,
.ktc-footer__buttons .ktc-btn,
.ktc-header__cta .ktc-btn,
.ktc-header__cta--mobile .ktc-btn,
.ktc-sig-card__btn,
.ktc-sig-card__btn--light,
.ktc-float-quiz,
.btn:not(.btn--ghost),
.calc-btn,
.btn-start,
.btn-cta,
.btn-continue,
.btn-next,
.cbtn-p,
.cta-btn {
  background: var(--lgb-fill) !important;
  color: #fff !important;
  border: var(--lgb-border) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  text-shadow: 0 1px 2px rgba(80,5,50,0.38);
}
.ktc-btn,
.ktc-sig-card__btn,
.ktc-float-quiz,
.btn:not(.btn--ghost):not(.btn--pulse),
.calc-btn, .btn-start, .btn-cta, .btn-continue, .btn-next, .cbtn-p, .cta-btn {
  box-shadow: var(--lgb-shadow) !important;
}
/* pulsing CTA keeps its pulse animation (animation drives box-shadow) */
.btn--pulse { box-shadow: var(--lgb-shadow); }

/* ── Hover / focus / press ──────────────────────────────────── */
.ktc-btn:hover,
.ktc-btn.ktc-btn--solid.ktc-btn--primary:hover,
.ktc-btn.ktc-btn--outline.ktc-btn--secondary:hover,
.ktc-cta-card__buttons .ktc-btn:hover,
.ktc-footer__buttons .ktc-btn:hover,
.ktc-sig-card__btn:hover,
.ktc-sig-card__btn--light:hover,
.ktc-float-quiz:hover,
.btn:not(.btn--ghost):hover,
.calc-btn:hover,
.btn-start:hover, .btn-cta:hover, .btn-continue:hover:not(:disabled),
.btn-next:hover:not(:disabled), .cbtn-p:hover, .cta-btn:hover {
  background: var(--lgb-fill-hover) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.8) !important;
  transform: translateY(-2px);
  opacity: 1;
}
.ktc-btn:hover, .ktc-sig-card__btn:hover, .ktc-float-quiz:hover,
.btn:not(.btn--ghost):not(.btn--pulse):hover, .calc-btn:hover,
.btn-start:hover, .btn-cta:hover, .btn-continue:hover:not(:disabled),
.btn-next:hover:not(:disabled), .cbtn-p:hover, .cta-btn:hover {
  box-shadow: var(--lgb-shadow-hover) !important;
}
.ktc-btn:active, .ktc-sig-card__btn:active, .btn:active, .calc-btn:active { transform: translateY(0); }
.ktc-btn:focus-visible, .ktc-sig-card__btn:focus-visible, .ktc-float-quiz:focus-visible,
.btn:focus-visible, .calc-btn:focus-visible, .btn-start:focus-visible, .btn-cta:focus-visible,
.btn-continue:focus-visible, .btn-next:focus-visible {
  outline: 2px solid #fff; outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(196,43,110,0.55), var(--lgb-shadow) !important;
}

/* ── Secondary / ghost buttons on dark backgrounds: white glass ── */
.btn--ghost, .cbtn-g {
  background: linear-gradient(180deg, rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.10) 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: 0 6px 18px rgba(30,4,28,0.25), inset 0 1px 0 rgba(255,255,255,0.65), inset 0 -1px 0 rgba(255,255,255,0.10) !important;
  text-shadow: 0 1px 2px rgba(60,5,40,0.35);
}
.btn--ghost:hover, .cbtn-g:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.48) 0%, rgba(255,255,255,0.20) 100%) !important;
  border-color: rgba(255,255,255,0.8) !important; color: #fff !important; transform: translateY(-2px);
}

/* ── Signature "Book Now": same glass, full-width inside its card ── */
.ktc-sig-card__btn, .ktc-sig-card__btn--light {
  width: 100%; min-height: 48px; box-sizing: border-box;
}

/* ── Disabled buttons stay clearly disabled ─────────────────── */
.btn-continue:disabled, .btn-next:disabled { opacity: .4; box-shadow: none !important; transform: none; }

/* ── Fallback: no backdrop-filter support ───────────────────── */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ktc-btn, .ktc-sig-card__btn, .ktc-float-quiz, .btn:not(.btn--ghost), .calc-btn {
    background: linear-gradient(135deg, #E03C86, #AC1C60) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ktc-btn, .ktc-sig-card__btn, .btn, .ktc-float-quiz { transition: none !important; }
  .ktc-btn:hover, .ktc-sig-card__btn:hover, .btn:hover { transform: none; }
}
