/*
Theme Name: GeneratePress Child - JMI
Theme URI: https://japanmaindex.local/
Description: JAPAN M&A INDEX 用のGeneratePress子テーマ
Author: JMI
Author URI: https://japanmaindex.local/
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*//* =============================================================
   JMI Header Dropdown Overrides
   ─────────────────────────────────────────────────────────
   配置先: 子テーマ (jmat-theme) の style.css 末尾に追記
   目的:   GeneratePress標準のサブメニューを静寂デザインに上書き
   適用先: 「JMIについて ▾」等、子要素を持つメニュー項目
   ============================================================= */

/* ------ ドロップダウン本体 ------ */
.main-navigation .sub-menu {
  background: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-top: 2px solid #B8924A !important;  /* ゴールド1本罫線で格調 */
  box-shadow: none !important;               /* 標準の影は削る */
  border-radius: 0 !important;
  padding: 8px 0 !important;
  min-width: 240px !important;
}

/* ------ サブメニュー項目 ------ */
.main-navigation .sub-menu li a {
  font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  color: #1A1A1A !important;
  background: #FFFFFF !important;
  padding: 12px 20px !important;
  line-height: 1.6 !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.2s ease, background 0.2s ease !important;
}

.main-navigation .sub-menu li a:hover,
.main-navigation .sub-menu li a:focus,
.main-navigation .sub-menu .current-menu-item > a {
  color: #0B3D62 !important;
  background: #FAFAF7 !important;
}

/* ------ 親項目(JMIについて)の ▾ インジケータ ------ */
.main-navigation .menu-item-has-children > a .dropdown-menu-toggle {
  color: inherit !important;
  opacity: 0.6;
  font-size: 0.85em;
  margin-left: 4px;
}

.main-navigation .menu-item-has-children:hover > a .dropdown-menu-toggle {
  opacity: 1;
}

/* ---------- Mobile (ハンバーガーメニュー内) ---------- */
@media (max-width: 768px) {
  .main-navigation .sub-menu {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #E5E5E5 !important;
    padding: 0 !important;
  }

  .main-navigation .sub-menu li a {
    padding: 12px 32px !important;      /* インデントで階層表現 */
    font-size: 14px !important;
    background: transparent !important;
    color: #6B6B6B !important;          /* 親より一段弱く */
  }

  .main-navigation .sub-menu li a:hover,
  .main-navigation .sub-menu li a:focus {
    color: #0B3D62 !important;
    background: transparent !important;
  }
}

/* =============================================================
   END: JMI Header Dropdown Overrides
   ============================================================= */


/* =============================================================
   JMI Phase 0: GP標準フッター抑止 (CSS保険)
   ─────────────────────────────────────────────────────────
   functions.phpのフィルタで消しきれない場合のfallback。
   Hook Element のカスタムフッターと .site-info の二重表示を防ぐ。
   ============================================================= */
.site-info,
.site-info .copyright-bar {
  display: none !important;
}

/* =============================================================
   END: JMI Phase 0 additions
   ============================================================= */
/* ============================================================
 * JMI: 投稿末尾のカテゴリリンク非表示
 * 運用ルール上カテゴリは「中小M&A実務大全」のみ付与・表示不要。
 * GeneratePressが.entry-meta内に出力するcat-linksを一律抑止する。
 * ============================================================ */
.entry-meta .cat-links,
.entry-footer .cat-links,
.post-navigation-wrap .cat-links {
  display: none !important;
}
/* =========================================================
 * JMI Top FAB - Back-to-top floating action button
 *
 * Standalone styles, NOT scoped under #jmi-league-table
 * (originally lived in league-table.css but promoted to
 *  site-wide use on long-scroll pages).
 *
 * JS (jmi-top-fab.js) is enqueued conditionally by functions.php.
 * On pages without the JS, the element is never created, so
 * these rules are inert even though the CSS loads everywhere.
 *
 * Design tokens:
 *   - Surface: white + gold border (editorial voice, not bizapp)
 *   - Hover:   invert to deep navy
 *   - Shadow:  subtle, lifts on visible state
 * ========================================================= */

.jmi-top-fab {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 999 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 16px !important;
  background: #FFFFFF !important;
  color: #062744 !important;
  border: 1px solid #B8924A !important;
  border-radius: 0 !important;
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic !important;
  font-size: 14px !important;
  letter-spacing: 0.06em !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s linear 0.2s, color 0.15s, background 0.15s !important;
  box-shadow: 0 4px 14px rgba(6, 39, 68, 0.08) !important;
  margin: 0 !important;
}

.jmi-top-fab.is-visible {
  opacity: 0.96 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s linear 0s, color 0.15s, background 0.15s !important;
  box-shadow: 0 6px 20px rgba(6, 39, 68, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

.jmi-top-fab.is-visible:hover {
  opacity: 1 !important;
}

.jmi-top-fab:hover {
  background: #062744 !important;
  color: #FFFFFF !important;
  border-color: #062744 !important;
}

.jmi-top-fab:focus,
.jmi-top-fab:focus-visible {
  outline: 2px solid #0B3D62 !important;
  outline-offset: 3px !important;
}

.jmi-top-fab-arrow {
  font-family: "Noto Serif JP", serif !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1 !important;
  color: #B8924A !important;
  transition: color 0.15s !important;
}

.jmi-top-fab:hover .jmi-top-fab-arrow {
  color: #FFFFFF !important;
}

.jmi-top-fab-label {
  font-family: "Cormorant Garamond", serif !important;
  font-style: italic !important;
}

/* Mobile: smaller padding, closer to corner */
@media (max-width: 767px) {
  .jmi-top-fab {
    right: 16px !important;
    bottom: 16px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
}
/* ============================================================
 * JMI: 投稿メタから著者名(byline)を非表示
 * GeneratePressが自動出力する "by jmat_jp" リンクを抑止する。
 * 媒体は「JMI編集部」統一表記で運用しているため、個人ユーザー名は露出させない。
 * 日付(.posted-on)は記事の鮮度情報として残す。
 * ============================================================ */
.entry-meta .byline,
.byline,
.author.vcard {
  display: none !important;
}
/* =========================================================
 * JMI TOC Scroll Spy v1.2 — Active state + scroll container
 *
 * v1.2 (2026-04-21):
 *   - 既存CSSに「.jmi-toc-item { border-left: 2px solid transparent }」が
 *     仕込まれていることを発見。それを尊重する設計に変更.
 *   - 新規CSSは a にborderを追加するのをやめ、li の border-color を
 *     active時に金色化する方式にシフト.
 *
 * v1.1 の問題: a にも border を追加したため、active時に li と a の
 * 両方に金線が出て「2本」になっていた.
 * ========================================================= */

/* アクティブな li の border-left を金色に.
 * 既存CSSが li に border-left: 2px solid transparent を設置しているので、
 * color だけ上書きすれば1本の金線が表示される. */
.jmi-toc .jmi-toc-item.is-active {
  border-left-color: #B8924A !important;
}

/* アクティブ項目のリンクテキストを濃紺+中ウェイトに */
.jmi-toc .jmi-toc-item.is-active > a {
  color: #062744 !important;
  font-weight: 500 !important;
}

/* ホバー時 — 金色に */
.jmi-toc .jmi-toc-item > a {
  transition: color 0.15s;
}
.jmi-toc .jmi-toc-item > a:hover {
  color: #B8924A;
}

/* h2 項目の常時border-leftを無効化(既存CSSで金になっている可能性への保険) */
.jmi-toc .jmi-toc-item.jmi-toc-h2:not(.is-active) {
  border-left-color: transparent !important;
}

/* ----- TOC as an independent scroll container (desktop only) ----- */
/* === 記事内テーブルのモバイル対応（インサイト・連載共通） === */
@media (max-width: 768px) {
  .entry-content table {
    display: block;
    width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .entry-content table th,
  .entry-content table td {
    white-space: nowrap !important;
    padding: 8px 12px;
    font-size: 13px;
  }
}