/*
 * マイアカウント・会員ログイン 色調整CSS
 * mogmogブランドカラーに合わせたカスタムCSS
 *
 * ブランドカラー:
 *   メイン: #ef7c00
 *   サブ:   #d7531d
 *   テキスト: #3e3a39
 *   背景:   #ffffff
 *
 * 管理画面で設定可能な項目はSmartyタグを使用、それ以外は固定値で追加
 */

/* ============================
   ページ背景
   ============================ */
body {
  background: #ffffff;
}

/* ============================
   ページタイトル・セクションタイトル
   ============================ */
.p-page__title {
  color: #3e3a39 !important;
}
.p-page__section-title {
  color: #3e3a39 !important;
  border-bottom-color: #ef7c00 !important;
}

/* ============================
   アラート
   ============================ */
.c-alert {
  background: #fdebd9;
  border-color: #ef7c00 !important;
  color: #3e3a39;
}
.c-alert--info {
  background: #fdebd9;
  border-color: #ef7c00 !important;
}

/* ============================
   ボタン（通常）
   ============================ */
.c-button {
  background: #fdebd9;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #3e3a39;
}
.c-button:hover {
  background: #ffd19e;
}

/* ============================
   ボタン（プライマリ = メインアクション）
   ============================ */
.c-button--primary {
  background: #ef7c00;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #ffffff;
}
.c-button--primary:hover {
  background: #d7531d;
}

/* ============================
   ボタン（危険 = 退会等）
   ============================ */
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}

/* ============================
   ボタン（無効状態）
   ============================ */
.c-button.disabled {
  background: #e0e0e0 !important;
  border-color: #ccc !important;
  color: #999 !important;
  cursor: not-allowed;
}

/* ============================
   テーブルヘッダー
   ============================ */
.c-table__title-block {
  background: #fef6ed !important;
  border-color: #ef7c00 !important;
}
.c-table__title {
  color: #3e3a39 !important;
}

/* ============================
   フォームラベル
   ============================ */
.c-form__title {
  color: #3e3a39 !important;
}
.c-form__title-must {
  background: #d7531d !important;
  color: #ffffff !important;
  font-weight: bold !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  font-size: 12px;
}

/* ============================
   入力フィールド
   ============================ */
.c-input--text {
  border-color: #ffd19e;
}
.c-input--text:focus {
  border-color: #ef7c00;
}
.c-input--select {
  border-color: #c7d1d6 !important;
}
.c-input--select:focus {
  border-color: #ef7c00 !important;
  outline: none;
  box-shadow: 0 0 0 2px rgba(239, 124, 0, 0.15);
}

/* ============================
   テーブル・セクション枠線
   ============================ */
.c-table-wrap--overflow {
  border-color: #c7d1d6 !important;
}
.p-page__section {
  border-color: #c7d1d6 !important;
}

/* ============================
   区切り線
   ============================ */
.c-line {
  border-color: #e5e5e5 !important;
}

/* ============================
   テキスト（危険・エラー）
   ============================ */
.c-text--danger {
  color: #d7531d !important;
}

/* ============================
   リンク
   ============================ */
.p-page a:not(.c-button) {
  color: #ef7c00 !important;
}
.p-page a:not(.c-button):hover {
  color: #d7531d !important;
}


/* ============================
   元のCSS（Smartyタグ版）
   ============================ */
/*
body {
  background: #ffffff;
}
.c-button {
  background: #fdebd9;
}
.c-button,
.c-button:link,
.c-button:hover,
.c-button:active,
.c-button:visited {
  color: #3e3a39;
}
.c-button:hover {
  background: #ffd19e;
}
.c-button--primary {
  background: #ef7c00;
}
.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
  color: #ffffff;
  border-radius: 9999px;
}
.c-button--primary:hover {
  background: #d7531d;
}
.c-button--danger {
  background: <{$button3_bgcolor}>;
}
.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: <{$button3_font_color}>;
}
.c-button--danger:hover {
  background: <{$button3_bgcolor_hover}>;
}
.c-input--text {
  border-color: #ffd19e;
}
.c-input--text:focus {
  border-color: #ef7c00;
}
*/