/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/*言語切替ヘッダー用*/
.language-switcher {
  text-align: right;
  background-color: #ffffff;
  padding: 8px 20px 0 0;
  font-size: 13px;
  font-weight: bold;
}

.language-switcher ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}

.language-switcher li {
  display: inline;
  margin-left: 10px;
}

.language-switcher li:before {
  content: "|";
  margin: 0 5px;
  color: #888;
}

.language-switcher li:first-child:before {
  content: "";
}

.language-switcher a {
  text-decoration: none;
  color: #444;
}

.language-switcher .current-lang a {
  color: #000;
  text-decoration: underline;
}

/* 共通設定（ベース） */
body {
  font-family: 'Noto Sans JP', sans-serif;
}

/* 英語ページ（例：bodyにenglishクラスを付ける） */
body.english {
  font-family: 'Josefin Sans', sans-serif;
}

/* 日英併記ページ */
body.japanese-english {
  font-family: 'Shippori Mincho', serif, 'Josefin Sans', sans-serif;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.4;
}

/* 日本語見出し用 */
body:not(.english) h1, body:not(.english) h2, body:not(.english) h3 {
  font-family: 'Shippori Mincho', serif;
}

/* 英語見出し用（特にh1やh2） */
body.english h1, body.english h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  font-style: normal;
}

/* ブロックエディター標準の見出しに日本語フォント */
.wp-block-heading,
.wp-block-heading.has-text-align-center,
h2.has-text-align-center,
h3.has-text-align-center,
h4.has-text-align-center,
h5.has-text-align-center {
  font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
  font-weight: 600;
}

/* 英語ページ用 */
body.english .wp-block-heading,
body.english h2.has-text-align-center,
body.english h3.has-text-align-center {
  font-family: 'Josefin Sans', 'Cormorant Garamond', sans-serif;
}

/* 日英併記ページ用 */
body.japanese-english .wp-block-heading,
body.japanese-english h2.has-text-align-center,
body.japanese-english h3.has-text-align-center {
  font-family: 'Shippori Mincho', 'Josefin Sans', 'Cormorant Garamond', serif;
}


/* コンタクトフォーム全体 */
.wpcf7-form {
  font-family: "Poppins", "Noto Sans JP", serif;
  background-color: #f9f6f2;
  padding: 2em;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* ラベル */
.wpcf7-form label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: 1rem;
  color: #333;
}

/* 入力フィールド全般 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
  padding: 0.7em 1em;
  margin-bottom: 1.5em;
  border: 1px solid #d5ccc2;
  border-radius: 6px;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
}

/* チェックボックス */
.wpcf7-form .wpcf7-checkbox {
  margin-bottom: 1.5em;
}
.wpcf7-form .wpcf7-list-item {
  display: block;
  margin-bottom: 0.4em;
  font-size: 0.95rem;
}

/* プライバシーポリシー */
.wpcf7-acceptance {
  margin-bottom: 1.5em;
  font-size: 0.9rem;
}

/* 送信ボタン */
.wpcf7-submit {
  background-color: #a36d5f;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 0.8em 2em;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.wpcf7-submit:hover {
  background-color: #8a5a4f;
}

/* スマホ対応 */
@media screen and (max-width: 600px) {
  .wpcf7-form {
    padding: 1.2em;
  }

  .wpcf7-form input,
  .wpcf7-form textarea {
    font-size: 1rem;
  }
}

/*サイトヘッダーの背景色の変更*/
#site-header {
  background-color: #FAF6F2;
}

/*言語切替の背景色変更*/
.language-switcher{
  background-color: #FAF6F2;
}


/* メニューリスト */
.global-nav-list {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
  justify-content: flex-end; /* float-rightの代替 */
  align-items: center;
}

/* 各メニューリンク */
.global-nav-list li a {
  color: #1F513C;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  padding: 0.25rem 0;
  display: inline-block;
}

/* strong タグを含む場合（指定が必要なら） */
.global-nav-name {
  font-weight: 600;
  color: inherit;
}

/* ホバー・フォーカス時 */
.global-nav-list li a:hover,
.global-nav-list li a:focus {
  color: #194A35; /* 少し濃くして視覚変化 */
  border-bottom: 2px solid #C98474; /* ロゴカラーでアクセント */
}

/* 現在のページ */
.global-nav-list li.current-menu-item a,
.global-nav-list li.current_page_item a {
  color: #C98474; /* ロゴカラーで強調 */
  font-weight: bold;
  border-bottom: 2px solid #C98474;
}

.global-nav {
  background-color: #FAF6F2;
  padding: 1rem 2rem;
}

/* メニュー内の見出しテキストにCormorant Garamondを適用 */
.global-nav .global-nav-list .menu-item a .global-nav-name {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-size: 1.2rem;
  color: #1F513C;
  transition: color 0.3s ease;
}