/*
Theme Name: Blocksy Child
Author: 
Description: Your description goes here
Version: 1.0
Template: blocksy

This is the child theme for Blocksy theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/*------------------------------------*/
/* 　　　　 中国語フォント　　　　　 */
/*------------------------------------*/
/* 中国語ページだけフォント変更 */
/* 中国語ページ */
html[lang="zh-Hans"] body {
    font-family: "Noto Sans SC", sans-serif !important;
}

/* 見出しは確実に太く */
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] h4,
html[lang="zh-Hans"] h5,
html[lang="zh-Hans"] h6 {
    font-family: "Noto Sans SC", sans-serif !important;
    font-weight: 700 !important;
}

/* strongも固定 */
html[lang="zh-Hans"] strong,
html[lang="zh-Hans"] b {
    font-weight: 700 !important;
}

/* 念のため（Blocksy対策） */
html[lang="zh-Hans"] .stk-block-heading__text {
    font-weight: 700 !important;
}

/* アイコン守る */
.dashicons,
.dashicons:before {
    font-family: dashicons !important;
}


/*------------------------------------*/
/* Bogo言語スイッチャー：リンクなしにサイズを合わせる */
/*------------------------------------*/
.bogo-language-switcher {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px;
}

/* 1. 外枠の li で「余白」と「見た目」をすべて決める */
.bogo-language-switcher li {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 16px !important; /* ★ここをリンクなしの時の設定に合わせる */
    background-color: #7268a0;
    color: #fff !important;
    border-radius: 4px;
    border: 1px solid #7268a0;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    cursor: default;
    position: relative;
}

/* 2. 中にあるタグ（aやspan）の余白や装飾を「完全にゼロ」にする */
.bogo-language-switcher li a,
.bogo-language-switcher li .bogo-language-name,
.bogo-language-switcher li .current {
    display: inline !important; /* 塊にせず、ただの文字として扱う */
    padding: 0 !important;     /* 余白をリセット（二重防止） */
    margin: 0 !important;
    color: inherit !important;  /* 親のliの色を引き継ぐ */
    text-decoration: none !important;
    background: none !important; /* 背景の二重がけを防止 */
    border: none !important;
}

/* 3. aタグをボタン全体に広げる（どこをクリックしても反応するように） */
.bogo-language-switcher li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 4. リンクがある場合のみホバー反応 */
.bogo-language-switcher li:has(a) {
    cursor: pointer;
}
.bogo-language-switcher li:has(a):hover {
    background-color: #5740bd;
    border-color: #5740bd;
}

/* 5. リンクなしを少し薄くする（お好みで） */
.bogo-language-switcher li:not(:has(a)) {
    opacity: 0.6;
}

.bogo-language-switcher.list-view > li.current {
    display: none !important;
}

/* アイコン（国旗系） */
.bogo-language-switcher .bogoflags {
    display: none !important;
}

/*----------------------------*/
/* 　　　Contact Form 7　　　 */
/*----------------------------*/
/* ボタンを囲む親要素の設定 */
.btn-submit {
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important; /* 上との余白 */
    position: relative; /* スピナーを浮かせる基準 */
}
/*  ボタン自体の設定 */
.wpcf7-submit {
    display: inline-block !important;
    margin: 0 !important;
}

/* 表示されるメッセージを中央揃えに */
.wpcf7-response-output {
    text-align: center;
}

/* プレースホルダーの太字を解除して標準にする */
.wpcf7-form-control::placeholder {
    font-weight: 100 !important; /* 100〜300を指定してみる */
	color: #888 !important;
}

/* キャプチャ画像と入力欄を横並びにして中央に寄せる */
.captcha-wrap {
    display: flex;
    align-items: center;   /* 上下の中央を合わせる */
    justify-content: flex-start; /* 左右の中央に寄せる（左寄せなら flex-start） */
    gap: 10px;             /* 画像と入力欄の間のスキマ */
    margin-bottom: 20px;   /* 下の送信ボタンとの余白 */
}

/* キャプチャ入力欄の幅を少し短くしてスッキリさせる */
.wpcf7-captchar {
    width: 120px !important;
    height: 40px !important; /* 画像の高さに合わせると綺麗です */
}

/*------------------------------------*/
/*      資料ダウンロードフォーム      */
/*------------------------------------*/
/* フォームの中（.wpcf7）にある要素だけを対象にする */

/* 1. 資料タイトルの入力枠を消す */
.wpcf7 input#doc-display.no-border {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    pointer-events: none;
    width: 100%;
}

/* 2. フォーム内の隠しフィールドだけを消す（編集画面には影響させない） */
.wpcf7 .hidden-fields-container,
.wpcf7 input[type="hidden"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}