/*
Theme Name: Kurokawa Child
Theme URI: https://kurokawaryu.com/
Description: Twenty Twenty-Five child theme
Author: Kurokawa
Template: twentytwentyfive
Version: 1.0.0
Text Domain: kurokawa-child
*/

/* ========================================
   トップページ：背景画像とフッター位置
   Kurokawa Child / Twenty Twenty-Five
   ======================================== */

/* 背景画像をページ全体に適用 */
body.home,
body.front-page {
    background-image: url('https://kurokawaryu.com/wp-content/uploads/2017/11/cropped-6e6d9807cfe4817cf07511fec869ae8b.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* ページ全体を縦方向のレイアウトにする */
body.home .wp-site-blocks,
body.front-page .wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: transparent !important;
}

/* メインコンテンツが余った高さを占める */
body.home .wp-site-blocks > main,
body.front-page .wp-site-blocks > main {
    flex: 1 0 auto;
}

/* フッターをコンテンツの下へ押し下げる */
body.home .wp-site-blocks > .wp-block-template-part:last-child,
body.front-page .wp-site-blocks > .wp-block-template-part:last-child {
    margin-top: auto;
}

/* スマートフォンでは背景の固定を解除 */
@media screen and (max-width: 768px) {
    body.home,
    body.front-page {
        background-attachment: scroll;
    }
}

/* トップページでは AddToAny のシェアボタンを非表示 */
body.home .addtoany_content,
body.home .addtoany_share_save_container,
body.home .addtoany_shortcode {
    display: none !important;
}

/* トップページのタイトル「Home」を非表示 */
body.home .wp-block-post-title {
    display: none !important;
}


/* Kurokawa Child フッター */
.kurokawa-footer {
    padding: 20px 16px;
}

.kurokawa-footer .kurokawa-copyright {
    text-align: center;
    margin: 0;
    font-size: 14px;
}

/* トップページのレイアウト */
body.home .wp-site-blocks,
body.front-page .wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* メインコンテンツが余った高さを占める */
body.home main,
body.front-page main {
    flex: 1 0 auto;
}

/* フッターをコンテンツの下に配置 */
body.home .wp-block-template-part:last-child,
body.front-page .wp-block-template-part:last-child {
    margin-top: auto;
}

/* ========================================
   固定ページのH1見出し
   落ち着いたデザイン
   ======================================== */

body.page h1.wp-block-post-title {
    position: relative;
    /* フォントサイズを50%に（1.8rem〜2.6rem → 0.9rem〜1.3rem） */
    font-size: clamp(0.7rem, 1.1vw, 1rem);
    font-weight: 700;
    line-height: 1.6;
    color: #333333;

    margin-top: 0;
    /* 余白も50%近くに縮小（36px → 18px / 16px → 8px） */
    margin-bottom: 18px;
    padding-bottom: 8px;

    border-bottom: 1px solid #333333;
}

/* 下線の一部にアクセントを付ける */
body.page h1.wp-block-post-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;

    /* アクセント線の横幅と太さを50%に（72px → 36px / 3px → 1.5px） */
    width: 36px;
    height: 1.5px;

    background-color: #333333;
}

/* スマートフォン対応 */
@media screen and (max-width: 768px) {
    body.page h1.wp-block-post-title {
        /* スマホ時のサイズと余白も縮小（1.7rem → 0.85rem など） */
        font-size: 0.85rem;
        margin-bottom: 14px;
        padding-bottom: 6px;
    }

    body.page h1.wp-block-post-title::after {
        /* スマホ時のアクセント線幅を50%に（56px → 28px） */
        width: 28px;
    }
}


/* サイトタイトルを非表示 */
.wp-block-site-title {
    display: none !important;
}
/* フッターの年号だけを非表示 */
.hide-footer-year {
    display: none !important;
}


/* すべての画像キャプションの文字サイズを50％に縮小 */
.wp-caption-text {
    font-size: 0.3em !important;
    line-height: 1.4 !important;
}