/* ===========================================================================
   S8 REDESIGN — 05 BUTTONS
   Unify the 4 button systems (hw-/cyp-/dag-/.btn + about + thankyou) into one
   sharp, gold dealership CTA. Primary = gold fill / dark text. Ghost = outline.
   =========================================================================== */

/* shared shape on every button variant */
.btn, .btn-primary, .btn-outline,
.dag-btn, .dag-btn--primary, .dag-btn--ghost, .dag-btn--full,
.cyp-btn, .cyp-btn--primary, .cyp-btn--ghost, .cyp-btn--sm,
.hw-btn, .hw-card__cta,
.dag-about__btn, .dag-about__btn--primary, .dag-about__btn--ghost,
.ty-btn, .ty-btn--primary, .ty-btn--ghost,
#page .thankyou-btn--primary, #page .thankyou-btn--outline,
button.btn, input[type=submit].btn {
  border-radius: var(--s8-radius-sm) !important;
  font-family: var(--font-head, "Antonio", sans-serif);
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  transition: background-color var(--anim-fast, 150ms) var(--ease-out, ease),
              border-color var(--anim-fast, 150ms) var(--ease-out, ease),
              color var(--anim-fast, 150ms) var(--ease-out, ease),
              transform var(--anim-fast, 150ms) var(--ease-out, ease) !important;
}

/* PRIMARY — gold fill, dark text, flat (no glow blob) */
.btn-primary, .dag-btn--primary, .cyp-btn--primary,
.hw-btn, .hw-card__cta,
.dag-about__btn--primary, .ty-btn--primary,
#page .thankyou-btn--primary {
  background: var(--s8-accent) !important;
  color: var(--s8-accent-contrast) !important;
  border: 1px solid var(--s8-accent) !important;
  box-shadow: none !important;
}
.btn-primary:hover, .dag-btn--primary:hover, .cyp-btn--primary:hover,
.hw-btn:hover, .hw-card__cta:hover,
.dag-about__btn--primary:hover, .ty-btn--primary:hover,
#page .thankyou-btn--primary:hover {
  background: var(--s8-accent-hover) !important;
  border-color: var(--s8-accent-hover) !important;
  color: #0b0d10 !important;
  transform: translateY(-1px);
}
/* neutralize decorative ::after glow blobs on primary */
.cyp-btn--primary::after, .dag-btn--primary::after { display: none !important; }

/* GHOST / OUTLINE — transparent, crisp border, gold on hover */
.btn-outline, .dag-btn--ghost, .cyp-btn--ghost,
.dag-about__btn--ghost, .ty-btn--ghost,
#page .thankyou-btn--outline {
  background: transparent !important;
  color: var(--s8-text) !important;
  border: 1px solid var(--s8-border-strong) !important;
  box-shadow: none !important;
}
.btn-outline:hover, .dag-btn--ghost:hover, .cyp-btn--ghost:hover,
.dag-about__btn--ghost:hover, .ty-btn--ghost:hover,
#page .thankyou-btn--outline:hover {
  border-color: var(--s8-accent) !important;
  color: var(--s8-accent) !important;
  background: rgba(var(--s8-accent-rgb), .08) !important;
}