/*
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)
*/
/*------------------------------------*/
/* Bogo言語スイッチャーの基本スタイル */
/*------------------------------------*/
/*------------------------------------*/
/* 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: #1D2B27;
    color: #fff !important;
    border-radius: 4px;
    border: 1px solid #1D2B27;
    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: #3F4245;
    border-color: #3F4245;
}

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

/*----------------------------*/
/* 　　　Contact Form 7　　　 */
/*----------------------------*/
/* 1. ボタンを囲む親要素の設定 */
.btn-submit {
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important; /* 上との余白 */
    position: relative; /* スピナーを浮かせる基準 */
}
/* 2. ボタン自体の設定 */
.wpcf7-submit {
    display: inline-block !important;
    margin: 0 !important;
}
/* 3. スピナーをレイアウトから除外 */
.wpcf7-spinner {
    position: absolute !important; /* ボタンの横並びから強制的に外す */
    right: 0; /* 邪魔にならない端っこへ飛ばす */
    margin: 0 !important;
    display: none; /* 基本は消しておく */
}
/* 4. 表示されるメッセージを中央揃えに */
.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; /* 画像の高さに合わせると綺麗です */
}