/*
Theme Name: Misa Block Theme
Theme URI: 
Author: はなゆみ 徳永
Author URI: 
Description: MISA専用テーマです。
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: misa-block-theme
Tags: 
*/

/* モバイルメニューの閉じるボタン */
.wp-block-navigation__responsive-container-close {
    margin-top: 16px;
}

/* -------------------------------
Registered: テンプレートパーツ：上マージン削除
------------------------------- */
.wp-block-template-part.is-style-rm-margin-top {
    margin-top: 0;
}

/* -------------------------------
Registered: 見出し：飾り罫
------------------------------- */
:is(h1, h2, h3, h4, h5, h6).is-style-decoration-line {
    padding-bottom: 0.5em;
    text-align: center;
    background-image: linear-gradient(
        90deg,
        var(--wp--preset--color--contrast) 0%,
        var(--wp--preset--color--contrast) 45%,
        var(--wp--preset--color--secondary) 45%,
        var(--wp--preset--color--secondary) 55%,
        var(--wp--preset--color--contrast) 55%,
        var(--wp--preset--color--contrast) 100%
    );
    background-size: 100% 5px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

/* -------------------------------
Registered: カラム：モバイル逆順
------------------------------- */
@media (max-width: 781px) {
    .wp-block-columns.is-style-reverse {
        flex-direction: column-reverse;
    }
}

/* 最新YouTube動画表示（iframe）のレスポンシブ対応（囲んだグループブロックに適用） */
.wrap-youtube {
    text-align: center;
    width: 100%;
    aspect-ratio: 16 / 9;
}
.wrap-youtube iframe {
    width: 100%;
    height: 100%;
}

/* Googleマップ（囲んだグループブロックに適用） */
.wrap-googlemap {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 400px; /* 表示高さ */
}
.wrap-googlemap iframe { /* レスポンシブ対応 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
    .wrap-googlemap {
        padding-top: 300px;
    }
}

/* -------------------------------
トップページ
------------------------------- */
.mainBody {
    position: relative;
}
.misa-hero-text {
    white-space: nowrap;
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    font-size: clamp(26px, 7vw, 44px);
    color: #fff;
    text-shadow: 0px 1px 5px #000;
}


.misa-prof-box { /* カラムブロックに指定 */
    margin-top: -300px;
}
.misa-prof-box .wp-block-group {
    padding: var(--wp--preset--spacing--50);
}
.misa-prof-box h2,
.misa-prof-box p {
    text-shadow: 0px 1px 2px #fff;
}
@media screen and (max-width: 781px) { /* カラムブロックのブレークポイントに合わせる */
    .misa-prof-box {
        /* margin-top: calc(var(--wp--preset--spacing--80) * -4); */
        margin-top: inherit;
    }
    .misa-prof-box .wp-block-group {
        padding: 0;
    }
}
.misa-prof-box div.has-background {
    border-radius: 10px;
}

/* -------------------------------
ミサミュージック
------------------------------- */
.misa-cover-text {
    text-shadow: 0px 4px 4px #000000;
}

.misamusic-event p {
    margin-top: var(--wp--preset--spacing--40);
}

/* 記事詳細ページ（single）で、アイキャッチが未設定（プラグインによる代替）の場合のみ隠す */
.single-post .wp-block-post-featured-image:not(:has(img:not([src*="no-image"]))) {
    display: none;
}