@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ===================================
   エディタとフロントエンドの表示を統一
   =================================== */

/* 1. テーブル - th強調カラー対応 */
.wp-block-table thead[style*="--thead-color--bg"] th {
    background-color: var(--thead-color--bg) !important;
    color: var(--thead-color--txt, inherit) !important;
}

.wp-block-table tbody[style*="--tbody-th-color--bg"] th {
    background-color: var(--tbody-th-color--bg) !important;
    color: var(--tbody-th-color--txt, inherit) !important;
}

/* 2. ブロック全般 - エディタで設定したインラインスタイルが確実に反映されるように */
.wp-block-button__link[style*="background-color"],
.wp-block-button__link[style*="color"] {
    /* エディタで設定したボタンの色を優先 */
}

/* 3. カスタムカラークラスの補完（WordPressデフォルトカラー） */
.has-vivid-red-color { color: #cf2e2e !important; }
.has-vivid-red-background-color { background-color: #cf2e2e !important; }
.has-vivid-green-cyan-color { color: #00d084 !important; }
.has-vivid-green-cyan-background-color { background-color: #00d084 !important; }
.has-vivid-cyan-blue-color { color: #0693e3 !important; }
.has-vivid-cyan-blue-background-color { background-color: #0693e3 !important; }
.has-pale-pink-color { color: #f78da7 !important; }
.has-pale-pink-background-color { background-color: #f78da7 !important; }
.has-light-green-cyan-color { color: #8ed1fc !important; }
.has-light-green-cyan-background-color { background-color: #8ed1fc !important; }

/* 4. リンクの下線（エディタと表示を統一） */
.wp-block-post-content a,
.entry-content a {
    /* SWELLの設定に従う */
}