/* ============================================================
   HBC — Canonical button system
   Loaded LAST on every page so it overrides per-page rules.
   Spec:
     Primary : bg #2A2A2A, text #fff, radius 0, no border, no shadow, Outfit
     Ghost   : transparent, 1px solid #1A1A1A, radius 0 (light backgrounds)
   Dark-section buttons (.btn--light / .btn--outline / .sbtn--ghost)
   keep their colors for contrast — only edges/shadows are normalized.
   ============================================================ */

/* ---- Universal: sharp edges, no shadow, Outfit ---- */
.btn, .nav__cta, .nav__drawer-cta, .nav__drawer-cta--ghost,
.page-hero__cta, .card__btn, .tp-link, .om-link,
.sbtn, .sbtn--primary, .sbtn--ghost,
.btn--primary, .btn--ghost, .btn--light, .btn--outline,
.card__btn--primary, .card__btn--ghost,
.boka-submit, .form-submit, button[type="submit"]{
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Outfit", "Helvetica Neue", Helvetica, system-ui, sans-serif !important;
}

/* ---- Primary fill (#2A2A2A) ---- */
.nav__cta, .nav__drawer-cta,
.page-hero__cta,
.btn--primary, .card__btn--primary,
.tp-link, .om-link,
.sbtn--primary,
.boka-submit, .form-submit, button[type="submit"]{
  background: #2A2A2A !important;
  color: #ffffff !important;
  border: 0 !important;
}
.nav__cta:hover, .nav__drawer-cta:hover,
.page-hero__cta:hover,
.btn--primary:hover, .card__btn--primary:hover,
.tp-link:hover, .om-link:hover,
.sbtn--primary:hover,
.boka-submit:hover, .form-submit:hover, button[type="submit"]:hover{
  background: #1A1A1A !important;
  color: #ffffff !important;
}

/* ---- Ghost on light backgrounds ---- */
.btn--ghost, .card__btn--ghost, .nav__drawer-cta--ghost{
  background: #ffffff !important;
  border: 1px solid #1A1A1A !important;
  color: #1A1A1A !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.btn--ghost:hover, .card__btn--ghost:hover, .nav__drawer-cta--ghost:hover{
  background: #1A1A1A !important;
  color: #ffffff !important;
}

/* ---- Dark-section ghost buttons: white default, dark on hover ---- */
.sbtn--ghost{
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #1A1A1A !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.sbtn--ghost:hover{
  background: #1A1A1A !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn--outline{
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #1A1A1A !important;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.btn--outline:hover{
  background: #1A1A1A !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn--light{
  background: #EFE9E1 !important;
  color: #1A1A1A !important;
  border: 0 !important;
}