/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*  UNWIND WITH ANU · ONE BUTTON                               */
/*                                                              */
/*  The site had fourteen button classes across its pages —     */
/*  gold, forest, teal, sage, ink and white fills, with radii   */
/*  of 999px, 50px, 12px and none. This file settles them into  */
/*  one shape.                                                  */
/*                                                              */
/*    PRIMARY   gold gradient, the one action on the page       */
/*    SECONDARY outlined, for anything that is not the action   */
/*    QUIET     text link, for the third option                 */
/*                                                              */
/*  Load LAST so it wins. Each page keeps its own layout —      */
/*  only the button skin is unified.                            */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
  --uwa-btn-gold-top: #E4BE5C;
  --uwa-btn-gold-mid: #C79A38;
  --uwa-btn-gold-bot: #A87D26;
  --uwa-btn-ink:      #160E02;
}

/* ── PRIMARY ───────────────────────────────────────────────── */
.btn,
.btn-gold,
.btn-primary,
.btn-cta,
.cta-btn,
.btn-next,
.btn-done,
.btn-finish,
.uwaf-btn,
.uwa-close__btn,
button.btn-gold,
a.btn-gold,
a.btn.btn-gold,
.myth-cta,
.hero-cta-1,
.hero-cta-2,
.btn.myth-cta,
.btn.hero-cta-1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  text-align: center !important;
  line-height: 1.25 !important;

  color: var(--uwa-btn-ink) !important;
  background: linear-gradient(180deg,
              var(--uwa-btn-gold-top) 0%,
              var(--uwa-btn-gold-mid) 58%,
              var(--uwa-btn-gold-bot) 100%) !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 15px 32px !important;
  cursor: pointer !important;

  /* the raised edge: light inner top, dark inner bottom, real drop shadow */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55),
              inset 0 -2px 0 rgba(120,86,18,.35),
              0 2px 3px rgba(34,51,28,.12),
              0 12px 24px -10px rgba(168,125,38,.65) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

.btn:hover, .btn-gold:hover, .btn-primary:hover, .btn-cta:hover, .cta-btn:hover,
.btn-next:hover, .btn-done:hover, .btn-finish:hover, .uwaf-btn:hover, .uwa-close__btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.03) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6),
              inset 0 -2px 0 rgba(120,86,18,.35),
              0 3px 5px rgba(34,51,28,.12),
              0 20px 34px -12px rgba(168,125,38,.7) !important;
}
.btn:active, .btn-gold:active, .uwaf-btn:active, .uwa-close__btn:active {
  transform: translateY(0) !important;
  box-shadow: inset 0 2px 5px rgba(120,86,18,.4),
              0 1px 2px rgba(34,51,28,.14) !important;
}
.btn:disabled, .uwaf-btn:disabled, .uwa-close__btn:disabled {
  opacity: .55 !important; cursor: default !important;
  transform: none !important; filter: none !important;
}

/* Full-width where the layout asks for it (the flow, the closing form) */
.uwaf-btn, .uwa-close__btn { width: 100% !important; }

/* ── SECONDARY ─────────────────────────────────────────────── */
.btn-outline,
.btn-ghost,
.btn-secondary,
.btn-sm.btn-outline {
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important; font-weight: 600 !important;
  letter-spacing: .05em !important; text-decoration: none !important;
  color: #33502E !important;
  background: transparent !important;
  border: 1.5px solid rgba(51,80,46,.34) !important;
  border-radius: 999px !important;
  padding: 13px 26px !important; cursor: pointer !important;
  box-shadow: none !important;
  transition: border-color .15s, background .15s !important;
}
.btn-outline:hover, .btn-ghost:hover, .btn-secondary:hover {
  border-color: #33502E !important; background: rgba(51,80,46,.06) !important;
}

/* ── QUIET ─────────────────────────────────────────────────── */
.btn-back, .uwaf-back, .uwaf-skip {
  background: none !important; border: 0 !important; box-shadow: none !important;
  font-family: 'Inter', sans-serif !important; font-size: 13.5px !important;
  font-weight: 500 !important; letter-spacing: 0 !important;
  text-transform: none !important; color: #7C8676 !important;
  padding: 6px 10px !important; cursor: pointer !important;
  text-decoration: underline !important; text-underline-offset: 3px !important;
  transform: none !important;
}
.btn-back:hover, .uwaf-back:hover, .uwaf-skip:hover { color: #33502E !important; }

/* The nav CTA stays its own size — same skin, smaller. */
.nav-cta, .uwaf-nav-cta, .ts-cta {
  font-size: 12.5px !important; padding: 10px 22px !important;
  letter-spacing: .06em !important;
}

@media (max-width: 560px) {
  .btn, .btn-gold, .btn-primary, .btn-cta, .cta-btn, .uwaf-btn, .uwa-close__btn {
    font-size: 13px !important; padding: 14px 24px !important;
  }
}

/* uwa-btn-radius-guard: some radii come from inline styles, others from
   page CSS. Cover both so nothing that looks like a button stays square. */
[class*="btn"][style*="border-radius"],
[class*="cta"][style*="border-radius"] { border-radius: 999px !important; }
html body .btn, html body .btn-gold, html body .myth-cta,
html body .hero-cta-1, html body .cta-btn, html body .btn-cta,
html body .nav-cta, html body .uwaf-btn {
  border-radius: 999px !important;
  color: #160E02 !important;
}