/*
 * 旧サイトから移行した記事（_legacy_post_id 付きの news）の本文用スタイル（NKG-311）。
 *
 * 旧記事の本文は旧サイトのエディタ（TinyMCE + js_composer）が吐いたインラインスタイル中心の
 * HTML で、新デザインの記事マークアップ（media-article__section 以下）には変換しない
 * （docs/blog-migration.md §6-9）。代わりに、旧テーマ yamahadealers_a の style.css と
 * Bootstrap 3.2.0 のうち「本文の見た目」を決めていたルールだけをここに写し、
 * .legacy-article 配下に限定して当てる。
 *
 * 🔴 旧 style.css / Bootstrap を丸ごと読み込んではいけない。body / a / h1〜h6 / * などの
 * グローバルセレクタを含み、新デザインの全ページが壊れる（§6-9）。ルールを足すときも
 * 必ず .legacy-article を前置すること。
 *
 * 値の出どころ:
 *   - 旧 style.css: body 14px #656565 / h1 24px / h2 20px #928A67 / h3 15px / p line-height 1.7,
 *     margin-bottom 1.3em / p + h2 / hr / table・th・td / p img.alignleft・alignright
 *   - Bootstrap 3: 見出しの margin と font-weight、リンク色 #337ab7、リスト、blockquote、
 *     .btn、.text-*、.img-responsive
 *   - 納品 CSS（assets/css/style.css）のリセット（ul,ol{padding:0;list-style:none} 等）を
 *     本文内だけ元に戻す
 *
 * 旧記事の詳細ページ（single-news.php）でだけ読み込む（functions.php）。
 */

.legacy-article {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #656565;
  -webkit-text-size-adjust: 100%;
  /* .media-article__body の flex column + gap:48px は変換後のセクション用。素の HTML では要らない */
  display: block;
  overflow-wrap: anywhere;
}

/* 段落・見出し ------------------------------------------------ */
.legacy-article p,
.legacy-article dt,
.legacy-article dd {
  line-height: 1.7;
}
.legacy-article p {
  margin: 0 0 1.3em;
  overflow: hidden;
}
.legacy-article h1,
.legacy-article h2,
.legacy-article h3,
.legacy-article h4,
.legacy-article h5,
.legacy-article h6 {
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.legacy-article h1,
.legacy-article h2,
.legacy-article h3 {
  margin-top: 20px;
}
.legacy-article h4,
.legacy-article h5,
.legacy-article h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.legacy-article h1 { font-size: 24px; margin-bottom: 0.7em; color: #656565; }
.legacy-article h2 { font-size: 20px; margin-bottom: 0.9em; color: #928A67; }
.legacy-article h3 { font-size: 15px; margin-top: 0; margin-bottom: 10px; }
.legacy-article h4 { font-size: 18px; }
.legacy-article h5 { font-size: 14px; font-weight: bold; }
.legacy-article h6 { font-size: 12px; }
.legacy-article p + h2 { margin-top: 1.5em; }

.legacy-article strong,
.legacy-article b { font-weight: bold; }
.legacy-article em { font-style: italic; }
.legacy-article small { font-size: 85%; }
.legacy-article hr {
  margin: 30px 0 20px;
  border: 0;
  border-top: 1px solid #E2DFD4;
}

/* リンク ------------------------------------------------------ */
.legacy-article a {
  color: #337ab7;
  text-decoration: none;
}
.legacy-article a:hover,
.legacy-article a:focus {
  color: #23527c;
  text-decoration: underline;
}

/* リスト（納品 CSS のリセットを戻す） -------------------------- */
.legacy-article ul,
.legacy-article ol {
  margin: 0 0 10px;
  padding-left: 40px;
}
.legacy-article ul { list-style: disc; }
.legacy-article ol { list-style: decimal; }
.legacy-article ul ul,
.legacy-article ol ul { list-style: circle; }
.legacy-article li { line-height: 1.7; }

/* 画像 -------------------------------------------------------- */
.legacy-article img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.legacy-article .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.legacy-article img.alignleft,
.legacy-article .alignleft { float: left; margin: 0 10px 5px 0; }
.legacy-article img.alignright,
.legacy-article .alignright { float: right; margin: 0 0 5px 10px; }
.legacy-article img.aligncenter,
.legacy-article .aligncenter { display: block; margin: 0 auto 5px; }
.legacy-article .wp-caption { max-width: 100%; }
.legacy-article .wp-caption-text { font-size: 12px; text-align: center; }
.legacy-article .legacy-gallery img { margin: 0 6px 6px 0; }
.legacy-article iframe,
.legacy-article video,
.legacy-article embed,
.legacy-article object { max-width: 100%; }

/* テーブル（旧 style.css） ------------------------------------- */
.legacy-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
.legacy-article th {
  background: #E2DFD4;
  padding: 8px 10px;
  border: solid 1px #C3BCB6;
  border-top: solid 1px #DFD7CF;
  text-align: left;
  color: #666;
}
.legacy-article td { border: solid 1px #DFD7CF; }
.legacy-article tbody th,
.legacy-article tbody td { padding: 10px; }
.legacy-article tbody td { text-align: left; }
.legacy-article tbody td a { color: #488fff; }

/* 引用 -------------------------------------------------------- */
.legacy-article blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

/* Bootstrap の補助クラス ---------------------------------------- */
.legacy-article .text-left { text-align: left; }
.legacy-article .text-right { text-align: right; }
.legacy-article .text-center { text-align: center; }
.legacy-article .text-muted { color: #777; }
.legacy-article .text-primary { color: #337ab7; }
.legacy-article .text-success { color: #3c763d; }
.legacy-article .text-info { color: #31708f; }
.legacy-article .text-warning { color: #8a6d3b; }
.legacy-article .text-danger { color: #a94442; }

/* ボタン（convert-vc.php が [vc_btn] を <a class="btn"> に変換している） */
.legacy-article .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  background-color: #fff;
  text-decoration: none;
}
.legacy-article .btn:hover,
.legacy-article .btn:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
  text-decoration: none;
}
.legacy-article .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.legacy-article .btn-primary:hover,
.legacy-article .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}