/*
Theme Name: SWELL child
Template: swell
*/

/* フォント */
body, p, li, td, th, input, textarea, button, select {
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Yu Mincho', serif !important;
}

/* ヘッダー ロゴサイズ */
.c-headLogo img,
.c-headLogo .custom-logo,
.l-header__logo img,
.wp-block-site-logo img,
img.custom-logo,
.custom-logo-link img {
    height: 160px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* ロゴリンクの範囲を画像サイズに限定（パンくず等への誤タップ防止） */
.c-headLogo a,
.custom-logo-link,
.l-header__logo a {
    display: inline-block !important;
    line-height: 0 !important;
    vertical-align: top !important;
    overflow: hidden !important;
}

/* ヘッダー天地余白を縮小 */
.woocommerce-coming-soon-header,
.woocommerce-coming-soon-header.has-background,
.l-header__inner {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 0 !important;
}

@media (max-width: 959px) {
    .c-headLogo img,
    .wp-block-site-logo img,
    img.custom-logo {
        height: 56px !important;
    }
}

/* ボタンホバー効果 */
.wp-block-button__link {
    transition: opacity 0.2s ease !important;
}
.wp-block-button__link:hover {
    opacity: 0.75 !important;
}

/* SWELLのh2/h3デコレーション除去 */
.page .post_content h2,
.page h2.wp-block-heading {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
}
.page .post_content h2::before,
.page .post_content h2::after,
.page h2.wp-block-heading::before,
.page h2.wp-block-heading::after {
    content: none !important;
    display: none !important;
}
.page .post_content h3,
.page h3.wp-block-heading {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    box-shadow: none !important;
}
.page .post_content h3::before,
.page .post_content h3::after,
.page h3.wp-block-heading::before,
.page h3.wp-block-heading::after {
    content: none !important;
    display: none !important;
}

/* YouTube埋め込み：フルワイド */
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper {
    max-width: 100% !important;
}

/* ===== スマホ共通余白ルール ===== */
@media (max-width: 767px) {

    /* テキストブロックの左右余白（全ページ共通） */
    .wp-block-heading:not(.alignfull):not(.alignwide),
    .wp-block-paragraph:not(.alignfull):not(.alignwide),
    .wp-block-buttons,
    .wp-block-group.alignfull > .wp-block-heading,
    .wp-block-group.alignfull > .wp-block-paragraph,
    .wp-block-group.alignfull > .wp-block-buttons,
    .wp-block-group.alignfull > * > .wp-block-heading,
    .wp-block-group.alignfull > * > .wp-block-paragraph {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* カラムブロック */
    .wp-block-columns:not(.alignfull) {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    /* カバーブロック内テキスト */
    .wp-block-cover__inner-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* 活用シーン：2列 */
    .jelly-use-cases {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 0 20px !important;
    }

    /* 選ばれる理由：2列 */
    .jelly-reasons {
        grid-template-columns: repeat(2, 1fr) !important;
        padding: 0 20px !important;
    }

    /* 実績グリッド：2列 */
    .jelly-works-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        padding: 0 20px !important;
    }

    /* フロー */
    .jelly-flow {
        gap: 6px !important;
        padding: 0 20px !important;
    }
    .jelly-flow-arrow { display: none !important; }
    .jelly-flow-circle {
        width: 85px !important;
        height: 85px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .jelly-reasons {
        grid-template-columns: 1fr !important;
    }
}