/* meisei.html 専用デザイン（聖占閣本体トーンに統一・ORD-0110 / ORD-0117）
   style.css の :root 変数を再定義し、インライン style="" 参照ごと追従させる。 */

:root {
  --bg: #0b0819;
  --surface: rgba(23, 18, 48, 0.75);
  --text: #f8f9fc;
  --text-sub: #b8b3d6;
  --border: rgba(255, 255, 255, 0.15);
  --primary: #0b0819;
  --primary-light: #171230;
  --accent: #ffd700;
  --radius: 24px;
}

body.sticky-footer-page {
  background: radial-gradient(circle at 50% 0%, #1a103c 0%, #0b0819 70%);
}

.card {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.45);
}

/* style.css の .field input/select は background:#fff がハードコードされており、
   --text をダーク化すると白背景に白文字で不可視になるため、ここで明示的に上書きする。 */
.field input,
.field select {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--border);
  color: var(--text);
}
.field input::placeholder {
  color: var(--text-sub);
}
.field input:focus,
.field select:focus {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

.btn {
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  color: #0d0b1d;
  border-radius: 50px;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.4);
}
.btn:hover {
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  box-shadow: 0 8px 30px rgba(255, 215, 0, 0.6);
}

/* 印刷（PDF保存）はダーク化の対象外。style.css の @media print が
   .card 背景等を白に強制するが文字色系トークンは戻さないため、
   ここで :root を元の値（style.css 本来の値）へ復元する。 */
@media print {
  :root {
    --bg: #faf7f0;
    --surface: #ffffff;
    --text: #2b2a26;
    --text-sub: #6b6558;
    --border: #e2dbc8;
    --primary: #22314f;
    --primary-light: #3a4d73;
    --accent: #b8935a;
    --radius: 10px;
  }
  body.sticky-footer-page {
    background: #fff;
  }
  .card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
  .btn {
    background: var(--primary);
    color: #fff;
    box-shadow: none;
  }
}

/* ORD-0117 是正ルール（ダークテーマ時の文字可視化） */
.page-title {
  color: var(--text);
}

.meisei-item .value {
  color: var(--text);
}

/* Header, Footer, Ad-banner Luxury Styling (Matching seisenkaku.jp/kyusei/index.html) */
.site-header {
  background: rgba(11, 8, 25, 0.95);
  border-bottom: 1px solid rgba(255, 215, 0, 0.25);
  color: #fff;
}

.site-title {
  color: #ffd700;
  font-weight: 700;
}

.site-title small {
  color: #b8b3d6;
  opacity: 0.9;
}

.site-nav a {
  color: #f8f9fc;
  transition: color 0.3s ease;
}

.site-nav a:hover,
.site-nav a.active {
  color: #ffd700;
}

.ad-banner {
  background: linear-gradient(135deg, rgba(23, 18, 48, 0.98), rgba(11, 8, 25, 0.98));
  border-top: 1px solid rgba(255, 215, 0, 0.25);
  border-bottom: 1px solid rgba(255, 215, 0, 0.15);
}

.ad-banner .ad-title {
  color: #ffd700;
  font-weight: 700;
}

.ad-banner .container span {
  color: #f8f9fc;
}

.ad-banner .ad-btn {
  background: linear-gradient(135deg, #ffd700, #ffaa00);
  color: #0b0819;
  font-weight: 700;
  border: none;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.4);
  padding: 8px 22px;
  border-radius: 999px;
}

.site-footer {
  background: #0b0819;
  border-top: 1px solid rgba(255, 215, 0, 0.15);
  color: #b8b3d6;
}

.site-footer a {
  color: #ffd700;
}