/* wp-custom-text-styles: Frontend & Editor Styles */

/* 日吉津ブルー (文字色) */
.wp-styler-hiezu-blue {
    color: var(--accent-blue, #004098) !important;
    font-weight: bold !important;
}

/* 強調 (太字 + アンダーライン) */
.wp-styler-strong {
    font-weight: bold !important;
    text-decoration: underline !important;
}

/* 黄色マーカー */
.wp-styler-marker-yellow {
    background: linear-gradient(transparent 60%, #ffff00 60%) !important;
}

/* 赤色テキスト */
.wp-styler-text-red {
    color: #cc0000 !important;
}

/* --- 追加されたCSS --- */

/* 見出し用 */
p.sub-heading-visual,
.mce-content-body p.sub-heading-visual {
    font-size: 24px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-left: 15px !important;
    border-left: 4px solid var(--accent-blue, #004098) !important;
}

/* 見出し用-下線 */
p.sub-heading-under-visual,
.mce-content-body p.sub-heading-under-visual {
    font-size: 24px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px dotted var(--accent-blue, #004098) !important;
}

/* 本文用 */
p.standard-text-visual,
.mce-content-body p.standard-text-visual {
    font-weight: 500 !important;
    margin-bottom: 30px !important;
    padding-left: 20px !important;
}

/* 強調(ピンク) */
span.stand-text-visual,
.mce-content-body span.stand-text-visual {
    color: var(--accent-pink, #ff69b4) !important;
    font-weight: bold !important;
}

/* 改行調整用 */
.styler-br {
    display: inline-block;
    content: "";
    margin-top: 5px;
}

/* エディター内（.mce-content-body）での空白確保用 */
.mce-content-body .mb-5.pb-5,
.mb-5.pb-5 {
    min-height: 80px !important;
    display: block !important;
    margin: 20px 0 !important;
    clear: both !important;
}