/* ============================================================
   御門風流 — 共通スタイル
   Ver2（Bootstrap 5.3）残存画面用の互換 CSS
   Ver3 画面は theme.css で完結するため、本ファイルは Ver2 互換のみ

   2026-04-22 Ver3 適合修正:
   ・body の font-family / background-color / color を削除（theme.css と競合）
   ・.section-title を削除（Ver3 の大見出しを 1.4rem に縮小していた）
   ・footer / footer a / footer a:hover を削除（Ver3 の site-footer を破壊していた）
   ・padding-top:70px はコメント化（Ver2 Bootstrap fixed-top ナビ用）
   残存項目は全て Ver2 Bootstrap 依存（#mainNav / #loginModal / .form-control /
   .btn-primary / .card / .alert-danger 等）で Ver3 画面には効かない
   ============================================================ */

/* ---- フォント・Ver2 色変数 ---- */
/* Ver3 は theme.css の --gofun / --sumi / --shu / --font-mincho 等を使用
   以下は Ver2 画面互換のため残置 */
:root {
  --font-serif: 'Noto Serif JP', 'Hiragino Mincho ProN', serif;
  --font-sans:  system-ui, 'Hiragino Sans', sans-serif;

  --color-primary:   #4a3728;   /* 深茶 */
  --color-secondary: #8b6914;   /* 金 */
  --color-accent:    #c8102e;   /* 朱 */
  --color-bg:        #faf8f3;   /* 和紙 */
  --color-border:    #ddd5c5;
  --color-text:      #2c2416;
  --color-muted:     #7a6a58;
}

/* ---- ベース ----
   body 指定は theme.css に委譲（font-family / background / color は
   theme.css の html,body ブロックで統一管理） */

/* ---- Ver2 ナビゲーション（Bootstrap navbar fixed-top 前提） ---- */
/* Ver3 は .site-header を使うため、以下は Ver2 画面専用 */
#mainNav {
  background-color: rgba(250, 248, 243, 0.97);
  border-bottom: 1px solid var(--color-border);
  backdrop-filter: blur(8px);
}

#mainNav .navbar-brand {
  font-family: var(--font-serif);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: 0.05em;
}

#mainNav .nav-link {
  color: var(--color-primary);
  font-size: 0.9rem;
}

#mainNav .nav-link:hover {
  color: var(--color-secondary);
}

#mainNav .btn-outline-primary {
  color: var(--color-primary);
  border-color: var(--color-primary);
  font-size: 0.85rem;
}

#mainNav .btn-outline-primary:hover {
  background-color: var(--color-primary);
  color: #fff;
}

/* ---- Ver2 ログインモーダル（Bootstrap modal 前提） ---- */
/* Ver3 は #login-modal-overlay を base_nav_v3 で独自実装 */
#loginModal .modal-content {
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  background-color: var(--color-bg);
}

#loginModal .modal-title {
  font-family: var(--font-serif);
  color: var(--color-primary);
  font-size: 1rem;
}

#loginModal .btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

#loginModal .btn-primary:hover {
  background-color: #352a1f;
  border-color: #352a1f;
}

/* ---- Ver2 フォーム共通（Bootstrap .form-control 前提） ---- */
.form-control:focus {
  border-color: var(--color-secondary);
  box-shadow: 0 0 0 0.2rem rgba(139, 105, 20, 0.2);
}

.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:hover {
  background-color: #352a1f;
  border-color: #352a1f;
}

/* ---- Ver2 カード（Bootstrap .card 前提） ---- */
.card {
  border: 1px solid var(--color-border);
  background-color: #fff;
}

/* ---- ユーティリティ ---- */
.text-muted {
  color: var(--color-muted) !important;
}

.border-top {
  border-color: var(--color-border) !important;
}

/* ---- アラート（Bootstrap .alert-danger 前提） ---- */
.alert-danger {
  background-color: #fff0f0;
  border-color: #fcc;
  color: #8b1a1a;
  font-size: 0.9rem;
}

/* ---- スピナー（Bootstrap スピナー前提） ---- */
.spinner-border-sm {
  width: 0.9rem;
  height: 0.9rem;
}