/*
 * File: css/components/buttons.theme.css
 * Logic: Client button overrides — pill shape + fade hover (replaces master slide-fill).
 */

.wsdt-btn-primary,
.wsdt-slide-link,
.wsdt-button-link,
.form-actions .button.form-submit,
.form-actions input[type="submit"].form-submit,
.form-actions button[type="submit"].form-submit,
.form-actions .button--primary,
.form-actions .webform-button--submit,
#user-login-form .form-submit {
  border-radius: var(--radius-pill);
  border: var(--btn-border-w) solid var(--btn-border-color);
  background-color: var(--btn-bg);
  background-image: none;
  background-size: auto;
  background-position: initial;
  transition: background-color var(--transition-base),
    color var(--transition-base),
    border-color var(--transition-base),
    box-shadow var(--transition-base);
}

.wsdt-btn-primary:hover,
.wsdt-slide-link:hover,
.wsdt-button-link:hover,
.form-actions .button.form-submit:hover,
.form-actions input[type="submit"].form-submit:hover,
.form-actions button[type="submit"].form-submit:hover,
.form-actions .button--primary:hover,
.form-actions .webform-button--submit:hover,
#user-login-form .form-submit:hover {
  background-image: none;
  background-position: initial;
  background-color: var(--btn-hover-bg);
  color: var(--btn-text);
  border-color: var(--btn-border-color);
  box-shadow: var(--shadow-sm);
}

.btn-outline-secondary,
.form-actions .button:not(.form-submit):not(.button--primary):not(.webform-button--submit),
.form-actions a.button {
  border-radius: var(--radius-pill);
  transition: background-color var(--transition-base),
    color var(--transition-base),
    border-color var(--transition-base);
}

.btn-outline-secondary:hover,
.form-actions .button:not(.form-submit):not(.button--primary):not(.webform-button--submit):hover,
.form-actions a.button:hover {
  background-color: var(--btn-outline-hover-bg);
  color: var(--btn-outline-hover-color);
  border-color: var(--btn-outline-border);
}

@media (prefers-reduced-motion: reduce) {
  .wsdt-btn-primary,
  .wsdt-slide-link,
  .wsdt-button-link,
  .form-actions .button.form-submit,
  .form-actions input[type="submit"].form-submit,
  .form-actions button[type="submit"].form-submit,
  .form-actions .button--primary,
  .form-actions .webform-button--submit,
  #user-login-form .form-submit,
  .btn-outline-secondary,
  .form-actions .button:not(.form-submit):not(.button--primary):not(.webform-button--submit),
  .form-actions a.button {
    transition: none;
  }
}