/*
 * WP卒業切替（2026-07-27）後に発覚した「WP同挙動からの乖離」の是正まとめ。
 * 記事レイアウト（wordpress_articles.css）と固定ページレイアウト（wordpress_pages.css）の
 * 両バンドルから require される。application.css の後に読み込まれる前提
 * （base.css のレガシー全域ルールを後勝ちで打ち消すため、読み込み順を変えないこと）。
 */

/*
 * [1] リンク hover の赤変色の打ち消し。
 * base.css の a:hover { color: #F00; opacity: 0.85; }（旧アマテラス全域ルール）が、
 * 切替で application.css を読むようになった WP 由来ページにも当たる。
 * WP テーマは hover での色変化を一切持たない＝「hover 色 = 安静時色」を再現する:
 *   - 素のリンクの安静時色はテーマのグローバル a { color: #705a00 } なので、同値を hover に指定
 *   - クラスで安静時色を持つリンク（詳細度 0,1,0 が a:hover の 0,1,1 に負ける）は、
 *     テーマ全ルールの機械走査で特定した以下の全量に同値を :hover 再指定
 *   - ボタン類（.button:hover 等 0,2,0 の自前 hover を持つ）・子孫指定 0,1,2 以上
 *     （.annotation p a / .innerBlock--blue 内リンク等）は詳細度で守られるため対象外
 * opacity はテーマの @media(any-hover:hover){ a:hover{opacity:.6} }（hover フェード）が
 * 後勝ちで既に base.css を上書きしており正常＝ここでは触らない。
 */
a:hover {
  color: #705a00;
}

.cassetteArticle__inner:hover,
.header__navMenu-link:hover,
.header__navSubMenu-link:hover,
.memberList__box:hover,
.top-fv__ctaButton:hover {
  color: #333;
}

.footer__sitemapMenu-link:hover,
.footer__sitemapTitle-link:hover,
.footer__links a:hover {
  color: #000;
}

/*
 * [2] 規約系の項番号（ol.wp-block-list）の復元。
 * WP 管理画面「追加CSS」（Customizer wp-custom-css・WP の DB にのみ存在）にあった規則の移植。
 * テーマの .post ol:not([class]) は class 付き ol に効かず、WP はこの追加CSSで番号を出していた。
 * li への指定は base.css の ul, li { list-style-type: none; } が li に直接効くことへの打ち消し
 * （WP には li 指定が無かったため、WP では ol への指定だけで番号が出ていた）。
 */
.post ol.wp-block-list {
  list-style: decimal;
  padding-left: 2.5rem;
  line-height: 2;
}

.post ol.wp-block-list > li {
  list-style-type: decimal;
}

/*
 * [3] フッターが使う flex ユーティリティ（テーマ生成の Tailwind 系）の補完。
 * フッター右下の関連リンク（ul.flex.flex-col.items-end の右端揃え）と
 * フッター上余白（div.pt-8.footer__container）が使用している。
 * 切替前是正（#3058）で top.css には収録済みだが、記事・固定ページ側には無かった。
 * 定義値は wordpress-theme dist/assets/css/main.css と同一。
 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.pt-8 {
  padding-top: 2rem;
}

/*
 * [4] 記事フッター「シェアする」欄のアイコン縦積み防止。
 * .article__utilities（justify-content: space-around の行）内で、幅の大きいカテゴリー群に
 * 押されてシェア群が圧縮され、アイコンが縦積み・ラベルが縦割れになる。
 * シェア群は圧縮させない（カテゴリー群はチップの折返しで縮むため横幅は収まる）。
 * WP 時代は li の class 欠陥（social__itemsocial__item--large と連結出力）で偶然顕在化していなかった。
 */
.article__utilities > .article__utilitiesGroup:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
/*
 * 記事レイアウト（layouts/article）専用の WordPress 由来 CSS バンドル（WP卒業追従）。
 *
 * 記事系ページ（記事詳細・一覧・カテゴリ・タグ・マガジンTOP）は application.css
 * （テーマCSS=wordpress-main を含む）だけを読んでおり、base.css のレガシー全域ルールの
 * 打ち消しや WP が別経路で配信していた規則の受け皿が無かった。
 * 本バンドルを application.css の後に読み込み、その是正（wordpress_graduation_fixes）だけを担う。
 * 記事レイアウト以外のページには読み込まない＝既存画面への影響を持たない。
 *

 */