/* 移行後に追加したスタイル。WordPressから持ってきたCSS（/wp/css/）は直接触らず、上書きはここに書く */

/* WordPressのカスタマイザーで設定していたサイト名・キャッチコピーの色 */
.site-title a,
.colors-dark .site-title a,
body.has-header-image .site-title a,
body.has-header-image.colors-dark .site-title a,
.site-description,
.colors-dark .site-description,
body.has-header-image .site-description,
body.has-header-image.colors-dark .site-description {
  color: #ffffff;
}

/* WordPress管理画面の「追加CSS」にあったもの */
body {
  background-color: #2d2926 !important;
}
.navigation-top {
  background-color: #231f1c !important;
}
.site-description {
  color: #ffffff !important;
}

/* お問い合わせフォーム準備中の案内 */
.tomoshibe-form-notice {
  border: 1px solid #555;
  border-radius: 6px;
  padding: 1.2em 1.5em;
  margin: 1.5em 0;
}
.tomoshibe-form-notice p:last-child {
  margin-bottom: 0;
}

/* 縞模様の表（特商法ページなど）: WP 既定の明るい縞だと濃色テーマの文字が読めないため暗い縞にする */
.colors-dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #333333;
}
.colors-dark .wp-block-table.is-style-stripes {
  border-bottom-color: #333333;
}

/* サービスMenu の AI カード: 実際の本の表紙・アルバムジャケットを背景に並べる */
.wp-block-cover .tomoshibe-cover-strip {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  z-index: 0;
}
.tomoshibe-cover-strip img {
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: cover;
}
.tomoshibe-cover-strip.books img {
  height: 100%;
}

/* サービスMenu のカード: 英語の見出しの下に日本語の小見出し */
.tomoshibe-card-sub {
  display: block;
  margin-top: 0.2em;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  letter-spacing: 0.05em;
}

/* サービスMenu: 目的別の案内と、公式LINE を主役にした相談ボタン */
.tomoshibe-guide li {
  margin-bottom: 0.4em;
}
.tomoshibe-cta-line .wp-block-button__link {
  background-color: #06c755 !important;
  color: #ffffff !important;
  font-weight: 700;
}

/* Works: 目次と、本の表紙＋説明の横並び */
.tomoshibe-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 1.5em 0 2em; }
.tomoshibe-toc a { display: inline-block; padding: .35em .9em; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: 14px; text-decoration: none; box-shadow: none; }
.tomoshibe-toc a:hover { border-color: #e8c25a; color: #e8c25a; }
html { scroll-behavior: smooth; }
h2[id], h3[id] { scroll-margin-top: 80px; }
.wp-block-group:has(> .wp-block-group > .wp-block-group__inner-container > .tomoshibe-book-cover) { flex-wrap: nowrap !important; align-items: flex-start; gap: 20px; margin-bottom: 1.5em; }
.wp-block-group:has(> .wp-block-group__inner-container > .tomoshibe-book-cover) { flex: 0 0 140px; }
.tomoshibe-book-cover { margin: 0 !important; }
.tomoshibe-book-cover img { width: 100%; height: auto; border-radius: 3px; display: block; }
.tomoshibe-book-cover a { box-shadow: none; }
@media (max-width: 600px) {
  .wp-block-group:has(> .wp-block-group > .wp-block-group__inner-container > .tomoshibe-book-cover) { gap: 14px; }
  .wp-block-group:has(> .wp-block-group__inner-container > .tomoshibe-book-cover) { flex-basis: 96px; }
}

/* LP（/lp/leadership/）の読みやすさを通常ページにも: 見出しの金の線・行間・区切り・枠 */
.entry-content > h2.wp-block-heading {
  padding-left: .6em;
  border-left: 4px solid #e8c25a;
  line-height: 1.45;
  margin-top: 1.6em;
  margin-bottom: 1em;
}
.entry-content > h3.wp-block-heading:not([class*="-color"]) { color: #e8c25a; }
.entry-content > p { line-height: 1.9; }
.entry-content > hr.wp-block-separator { margin: 3em auto; border-color: #3a3a3a; }
/* サービスMenu「目的から選ぶ」 */
.tomoshibe-guide { list-style: none; margin: 0 0 1.2em; padding: 0; }
.tomoshibe-guide li { position: relative; margin: 0; padding: .55em 0 .55em 1.8em; border-bottom: 1px dashed #3a3a3a; }
.tomoshibe-guide li::before { content: "✓"; position: absolute; left: .2em; color: #e8c25a; font-weight: 700; }
/* Works: 本の1冊ずつを枠で囲む */
.wp-block-group:has(> .wp-block-group > .wp-block-group__inner-container > .tomoshibe-book-cover) {
  background: #2a2a2a; border-radius: 8px; padding: 1.1em 1.2em;
}
.wp-block-group:has(> .wp-block-group > .wp-block-group__inner-container > .tomoshibe-book-cover) > p { margin-bottom: 0; }