/* プロフィールページの強制的なボタンスタイル上書き */

/* すべてのプライマリボタンに適用される強制スタイル */
.profile-page .button-primary,
.profile-page .button.button-primary,
.profile-page button.button-primary,
.profile-page .save-profile-button,
.profile-form-card .button-primary,
.profile-form-card button[type="submit"] {
  background-color: #1e40af !important;
  color: #ffffff !important;
  border-color: #1e40af !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  padding: 0.875rem 2.5rem !important;
  font-size: 1rem !important;
  border-radius: 0.5rem !important;
  min-width: 150px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.2s ease !important;
}

.profile-page .button-primary:hover:not(:disabled),
.profile-page .button.button-primary:hover:not(:disabled),
.profile-page button.button-primary:hover:not(:disabled),
.profile-page .save-profile-button:hover:not(:disabled),
.profile-form-card .button-primary:hover:not(:disabled),
.profile-form-card button[type="submit"]:hover:not(:disabled) {
  background-color: #1e3a8a !important;
  border-color: #1e3a8a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4) !important;
}

.profile-page .button-primary:active:not(:disabled),
.profile-page .button.button-primary:active:not(:disabled),
.profile-page button.button-primary:active:not(:disabled),
.profile-page .save-profile-button:active:not(:disabled),
.profile-form-card .button-primary:active:not(:disabled),
.profile-form-card button[type="submit"]:active:not(:disabled) {
  background-color: #172554 !important;
  border-color: #172554 !important;
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* ローディング中のボタンテキスト */
.profile-page .button-loading .button-text,
.profile-form-card .button-loading .button-text {
  color: #ffffff !important;
  font-weight: 700 !important;
}