/* 2026-11-11 えいじさんの指示:旧WordPressテーマに合わせた見た目(藍色×オレンジ)を、
   jyutaku-kobe.com(住まいとお金のノート)と同じ紺×金・生成り・明朝の見出しにそろえる。
   wp-custom.css(旧サイトの追加CSS)の後に読み込んで上書きする */

/* 色:本体(style.css)の紺 #1f2d3d・金 #b8975a・生成り にそろえる */
#svlp, #svlp-mini {
  --sv-accent: #1f2d3d; --sv-accent-dark: #1f2d3d; --sv-ink: #26303a; --sv-sub: #5f6873;
  --sv-soft: #f6f1e6; --sv-line: #e3ddd1; --sv-warm: #fbf6ea;
  --sv-btn: #b8975a; --sv-btn-hover: #a3834a;
}
#mclp, #mclp-mini {
  --mc-accent: #b8975a; --mc-accent-dark: #1f2d3d; --mc-ink: #26303a;
  --mc-soft: #f6f1e6; --mc-line: #e3ddd1;
  --mc-btn: #b8975a; --mc-btn-hover: #a3834a;
}

/* 見出しは明朝(Noto Serif JP)、本文はゴシック(Noto Sans JP) */
:is(#svlp, #mclp, #mclp-mini) { font-family: var(--sans); }
#svlp :is(.svlp-hero-title, .svlp-h, .svlp-card-ttl, h3),
:is(#mclp, #mclp-mini) :is(.mclp-hero-title, .mclp-h, .mclp-point-ttl, h3) {
  font-family: var(--serif); letter-spacing: .03em;
}

/* 見出しの帯・ラベル */
#svlp .svlp-badge, #mclp .mclp-badge { background: var(--navy); color: #fff; }
#svlp .svlp-h::after, #mclp .mclp-h::after { background: var(--accent); }

/* ボタン:本体の .btn と同じ金色の丸ボタン(影なし) */
#svlp .svlp-btn, :is(#mclp, #mclp-mini) .mclp-btn,
#svlp .svf-submit input[type=submit], #svlp .wpcf7-submit {
  background: var(--accent); box-shadow: none; font-family: var(--sans);
}
#svlp .svlp-btn:hover, :is(#mclp, #mclp-mini) .mclp-btn:hover,
#svlp .svf-submit input[type=submit]:hover, #svlp .wpcf7-submit:hover { background: #a3834a; filter: none; }
#svlp .svlp-btn-sub { color: var(--navy) !important; border-color: var(--navy); }

/* 入力欄・注意書き */
#svlp :is(input[type=text], input[type=email], input[type=tel], input[type=date], select, textarea),
:is(#mclp, #mclp-mini) .mclp-input { border-color: #c3cfda; }
#svlp .svf-row input[type=file] { border-color: #c3cfda; background: #fff; }
#svlp .svf-req, :is(#mclp, #mclp-mini) .mclp-req { background: #b4483b; }
#svlp .svf-opt { background: var(--soft); color: #7a5f2c; }
#svlp .svlp-notice { background: var(--paper); border-left-color: var(--accent); }
#svlp .svlp-mission strong { background: linear-gradient(transparent 62%, #efe2c4 62%); }
#svlp .svlp-note, #mclp .mclp-note { color: var(--muted); }

/* 四角い枠は本体のカードと同じ白地+薄い線 */
#svlp .svlp-hero, #mclp .mclp-hero { background: linear-gradient(160deg, var(--soft) 0%, #fff 100%); border-color: var(--line); }

/* プロフィールの顔写真(旧テーマと同じく本文の上に。2026-11-11) */
.profile-photo { text-align: center; margin: 32px 0 8px; }
.profile-photo img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 6px 20px rgba(31,45,61,.18); }
.profile-photo-name { margin: 14px 0 0; font-family: var(--serif); font-size: 26px; font-weight: 700; color: var(--navy); letter-spacing: .12em; }
.profile-photo-name span { display: block; font-family: var(--sans); font-size: 13px; font-weight: 400; color: var(--muted); letter-spacing: .2em; }
@media (max-width: 640px) { .profile-photo img { width: 160px; height: 160px; } .profile-photo-name { font-size: 22px; } }
.about-icon, .author-icon { object-fit: cover; }