/**
 * HIDESIGN | サイト共通フッター
 * WordPress Twenty Twenty-Five のフッターテンプレートパーツに適用。
 * ページごとにCSSで背景色を設定する必要はありません。
 */

/* フッター本体および内側のレイアウトグループ */
body .wp-site-blocks > footer,
body footer.wp-block-template-part,
body .wp-site-blocks > footer .wp-block-group,
body footer.wp-block-template-part .wp-block-group {
    background-color: #1f1f1f !important;
}

/* 文字とリンクを白系に。テーマの文字色指定も上書き */
body .wp-site-blocks > footer,
body footer.wp-block-template-part {
    color: #f2f2f2 !important;
}

body .wp-site-blocks > footer :is(p, li, a, span, small, h1, h2, h3, h4, h5, h6),
body footer.wp-block-template-part :is(p, li, a, span, small, h1, h2, h3, h4, h5, h6),
body footer.wp-block-template-part .wp-block-navigation-item__content {
    color: #eaeaea !important;
}

/* コピーライトや見出しに使用する淡いグレー */
body footer.wp-block-template-part .has-contrast-3-color,
body footer.wp-block-template-part .has-contrast-4-color {
    color: #aaa !important;
}

/* 境界線が黒で消えてしまわないように */
body .wp-site-blocks > footer :is(hr, .wp-block-separator),
body footer.wp-block-template-part :is(hr, .wp-block-separator) {
    border-color: #606060 !important;
    background-color: #606060 !important;
}

/* 既存のリンク演出を妨げず、キーボードフォーカスを見やすく */
body footer.wp-block-template-part a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
}