/* ========================================
   メインコンテンツの見出しスタイル修正
   WordPressブロックエディタのスタイルを上書き
   ======================================== */

/* メインコンテンツ内の見出しから青い縦線を削除 */
/* カスタマイザーの設定を優先するため、:not()セレクタを使用 */
main .wp-block-heading:not(.customizer-styled),
main h2:not(.customizer-styled),
main h3:not(.customizer-styled),
main h4:not(.customizer-styled),
.main-content .wp-block-heading:not(.customizer-styled),
.main-content h2:not(.customizer-styled),
.main-content h3:not(.customizer-styled),
.main-content h4:not(.customizer-styled),
article .wp-block-heading:not(.customizer-styled),
article h2:not(.customizer-styled),
article h3:not(.customizer-styled),
article h4:not(.customizer-styled),
.entry-content h2:not(.customizer-styled),
.entry-content h3:not(.customizer-styled),
.entry-content h4:not(.customizer-styled) {
    border-left: none !important;
    padding-left: 0 !important;
}

/* is-style-section_ttlクラスが付いていても無効化（カスタマイザー適用外のみ） */
main .wp-block-heading.is-style-section_ttl:not(.customizer-styled),
main h2.is-style-section_ttl:not(.customizer-styled),
main h3.is-style-section_ttl:not(.customizer-styled),
.main-content .is-style-section_ttl:not(.customizer-styled),
article .is-style-section_ttl:not(.customizer-styled),
.entry-content .is-style-section_ttl:not(.customizer-styled) {
    border-left: none !important;
    padding-left: 0 !important;
}

/* 特定のページ（orthodontics）での見出しスタイル修正（カスタマイザー適用外のみ） */
.page-template-default main h2:not(.customizer-styled),
.page-template-default main h3:not(.customizer-styled),
.page-orthodontics main h2:not(.customizer-styled),
.page-orthodontics main h3:not(.customizer-styled) {
    border-left: none !important;
    padding-left: 0 !important;
}

/* 「矯正歯科」などの青い下線付き見出しは維持 */
.section-title-with-line {
    border-left: none !important;
    border-bottom: 3px solid #5cc6ff !important;
    padding-left: 0 !important;
    padding-bottom: 10px !important;
}

/* ========================================
   モバイル表示時の調整
   ======================================== */
@media screen and (max-width: 768px) {
    main .wp-block-heading:not(.customizer-styled),
    main h2:not(.customizer-styled),
    main h3:not(.customizer-styled),
    main h4:not(.customizer-styled),
    article h2:not(.customizer-styled),
    article h3:not(.customizer-styled),
    article h4:not(.customizer-styled) {
        border-left: none !important;
        padding-left: 0 !important;
    }
}