/*
 Theme Name: TENJIKU Child
 Theme URI: https://angel-coffee.co.jp/
 Description: Child theme for TENJIKU (TCD091)
 Author: Angel Holdings
 Author URI: https://angel-coffee.co.jp/
 Template: tenjiku_tcd091
 Version: 1.0.0
 Text Domain: tenjiku-child
*/
/* =========================================================
 * Angel Coffee COMPLETE OVERRIDES v2025-09-29
 * 目的：
 *  1) ドロワー子メニューを黒文字に固定、ホバー/現在地をブランド色に
 *  2) 検索フォームの視認性を改善（枠・フォーカスリング）
 *  3) MENUアーカイブ見出しが「BLOG」表示の版へのCSS保険
 * ======================================================= */

/* --- 1) Drawer（ハンバーガー）子メニューを黒文字に固定 --- */
#drawer_menu .sub-menu a:link,
#drawer_menu .sub-menu a:visited,
.drawer-menu .sub-menu a:link,
.drawer-menu .sub-menu a:visited,
.menu-drawer .sub-menu a:link,
.menu-drawer .sub-menu a:visited {
  color: #111111 !important;
  display: block;
  padding: 10px 0 10px 20px; /* 少しインデント */
}

/* ホバー/現在地はブランド色 */
#drawer_menu .sub-menu a:hover,
.drawer-menu .sub-menu a:hover,
.menu-drawer .sub-menu a:hover,
#drawer_menu .sub-menu .current-menu-item > a,
.drawer-menu .sub-menu .current-menu-item > a,
.menu-drawer .sub-menu .current-menu-item > a {
  color: #77654b !important;
}

/* 親メニューのホバー/現在地も揃える（PCナビにも効くセレクタを同梱） */
#drawer_menu a:hover,
#drawer_menu .current-menu-item > a,
.gnavi a:hover,
.gnavi .current-menu-item > a {
  color: #77654b !important;
}

/* --- 2) Drawer 検索フォームの視認性 --- */
#drawer_menu .searchform input[type="search"],
.drawer-menu .searchform input[type="search"],
#drawer_menu .search-field,
.drawer-menu .search-field {
  background: #ffffff !important;
  border: 1px solid #77654b !important;
  color: #111111 !important;
  border-radius: 8px;
  padding: 10px 40px 10px 12px; /* 右はアイコン分の余白 */
}

#drawer_menu .searchform input[type="search"]::placeholder,
.drawer-menu .searchform input[type="search"]::placeholder {
  color: #777777 !important;
}

#drawer_menu .searchform input[type="search"]:focus,
.drawer-menu .searchform input[type="search"]:focus {
  outline: none;
  border-color: #5e4f39 !important; /* 濃いブランド色 */
  box-shadow: 0 0 0 3px rgba(119,101,75,0.20) !important; /* フォーカスリング */
}

/* 送信ボタンがあるテーマ版向け（無ければ無害） */
#drawer_menu .searchform input[type="submit"],
.drawer-menu .searchform input[type="submit"] {
  background: #77654b !important;
  color: #ffffff !important;
  border: 1px solid #77654b !important;
  border-radius: 8px;
  padding: 10px 16px;
  margin-left: 8px;
}
#drawer_menu .searchform input[type="submit"]:hover,
.drawer-menu .searchform input[type="submit"]:hover {
  background: #5e4f39 !important;
  border-color: #5e4f39 !important;
}

/* --- 3) MENUアーカイブ見出しのCSS保険（テーマによりBLOG固定出力の版） --- */
/* 対象：メニューの投稿タイプアーカイブ／メニューカテゴリーのタクソノミー */
body.post-type-archive-menu .page-title,
body.post-type-archive-menu .archive_title,
body.tax-menu_category .page-title,
body.tax-menu_category .archive_title,
body.post-type-archive-menu .archive-header .title,
body.tax-menu_category .archive-header .title {
  color: transparent !important;           /* 既存の"BLOG"等を不可視に */
  position: relative;
}

/* 擬似要素で "MENU" を重ねる（スクリーンリーダー配慮はfunctions側で対応済） */
body.post-type-archive-menu .page-title::after,
body.post-type-archive-menu .archive_title::after,
body.post-type-archive-menu .archive-header .title::after,
body.tax-menu_category .page-title::after,
body.tax-menu_category .archive_title::after,
body.tax-menu_category .archive-header .title::after {
  content: "MENU";
  color: #111111 !important;
  position: absolute;
  left: 0; top: 0;
}
/* =========================================================
 * Angel Coffee – Drawer/Menu Final Overrides (2025-09-29)
 * 目的：
 *  1) ドロワーの子メニューを常時 黒、ホバー/現在地をブランド色に
 *  2) 検索枠の視認性UP
 *  3) /menu/ と /menu_category/** の見出しが BLOG になる版のCSS保険
 * ======================================================= */

/* ---- 1) ドロワー子メニュー：初期黒、ホバー/現在地は #77654b ---- */
/* コンテナ差異を網羅（TCDの版差吸収） */
#drawer_menu li li > a,
.drawer-menu li li > a,
.menu-drawer li li > a,
.drawer li li > a,
#global_menu li li > a {
  color: #111111 !important;
  display: block;
  padding: 10px 0 10px 20px;
}
#drawer_menu li li > a:hover,
.drawer-menu li li > a:hover,
.menu-drawer li li > a:hover,
.drawer li li.current-menu-item > a,
#global_menu li li.current-menu-item > a,
.drawer li li > a:hover,
#global_menu li li > a:hover {
  color: #77654b !important;
}

/* 親メニューのホバー/現在地も念のため統一 */
#drawer_menu > .menu > li > a:hover,
#drawer_menu > .menu > li.current-menu-item > a,
.gnavi > li > a:hover,
.gnavi > li.current-menu-item > a {
  color: #77654b !important;
}

/* ---- 2) ドロワー検索枠：枠/フォーカス/プレースホルダ ---- */
#drawer_menu .searchform input[type="search"],
.drawer-menu .searchform input[type="search"],
#drawer_menu .search-field,
.drawer-menu .search-field {
  background: #ffffff !important;
  border: 1px solid #77654b !important;
  color: #111111 !important;
  border-radius: 8px;
  padding: 10px 40px 10px 12px;
}
#drawer_menu .searchform input[type="search"]::placeholder,
.drawer-menu .searchform input[type="search"]::placeholder {
  color: #777777 !important;
}
#drawer_menu .searchform input[type="search"]:focus,
.drawer-menu .searchform input[type="search"]:focus {
  outline: none;
  border-color: #5e4f39 !important;
  box-shadow: 0 0 0 3px rgba(119,101,75,0.20) !important;
}
/* 送信ボタンがある版（無ければ無害） */
#drawer_menu .searchform input[type="submit"],
.drawer-menu .searchform input[type="submit"] {
  background: #77654b !important;
  color: #ffffff !important;
  border: 1px solid #77654b !important;
  border-radius: 8px;
  padding: 10px 16px;
  margin-left: 8px;
}
#drawer_menu .searchform input[type="submit"]:hover,
.drawer-menu .searchform input[type="submit"]:hover {
  background: #5e4f39 !important;
  border-color: #5e4f39 !important;
}

/* ---- 3) MENUアーカイブ見出しのCSS保険（BLOG固定出力の版向け） ---- */
/* メニュー投稿タイプのアーカイブ & メニューカテゴリーのアーカイブ */
body.post-type-archive-menu .page-title,
body.post-type-archive-menu .archive_title,
body.post-type-archive-menu .archive-header .title,
body.tax-menu_category .page-title,
body.tax-menu_category .archive_title,
body.tax-menu_category .archive-header .title {
  color: transparent !important;
  position: relative;
}
/* 擬似要素で「MENU」を重ねて表示 */
body.post-type-archive-menu .page-title::after,
body.post-type-archive-menu .archive_title::after,
body.post-type-archive-menu .archive-header .title::after,
body.tax-menu_category .page-title::after,
body.tax-menu_category .archive_title::after,
body.tax-menu_category .archive-header .title::after {
  content: "MENU";
  color: #111111 !important;
  position: absolute;
  left: 0;
  top: 0;
}
/* ===== MENU アーカイブ見出しを強制「MENU」にする（テーマ版差を吸収） ===== */
/* 対象：/menu/（投稿タイプアーカイブ）と /menu_category/**（タクソノミー） */

body.post-type-archive-menu .page-title,
body.post-type-archive-menu .archive_title,
body.post-type-archive-menu .archive-header .title,
body.post-type-archive-menu .headline,
body.post-type-archive-menu h1.page-title,
body.tax-menu_category .page-title,
body.tax-menu_category .archive_title,
body.tax-menu_category .archive-header .title,
body.tax-menu_category .headline,
body.tax-menu_category h1.page-title {
  position: relative !important;
  color: transparent !important;        /* 既存の BLOG を不可視に */
  text-shadow: none !important;
}

/* 中央に "MENU" を重ねる（幅100%でセンタリング／フォントは継承） */
body.post-type-archive-menu .page-title::after,
body.post-type-archive-menu .archive_title::after,
body.post-type-archive-menu .archive-header .title::after,
body.post-type-archive-menu .headline::after,
body.post-type-archive-menu h1.page-title::after,
body.tax-menu_category .page-title::after,
body.tax-menu_category .archive_title::after,
body.tax-menu_category .archive-header .title::after,
body.tax-menu_category .headline::after,
body.tax-menu_category h1.page-title::after {
  content: "MENU";
  position: absolute;
  left: 0; top: 0;
  width: 100%;
  text-align: center;
  color: #111111 !important;            /* 見出し色 */
  text-shadow: none !important;
}
/* ==== MENU 見出しの文字色を白に（/menu/ と /menu_category/**） ==== */
body.post-type-archive-menu .page-title::after,
body.post-type-archive-menu .archive_title::after,
body.post-type-archive-menu .archive-header .title::after,
body.post-type-archive-menu .headline::after,
body.post-type-archive-menu h1.page-title::after,
body.tax-menu_category .page-title::after,
body.tax-menu_category .archive_title::after,
body.tax-menu_category .archive-header .title::after,
body.tax-menu_category .headline::after,
body.tax-menu_category h1.page-title::after {
  color: #ffffff !important;              /* ← 白に変更 */
  text-shadow: 0 2px 4px rgba(0,0,0,.25); /* 白文字の視認性を少し上げる（任意） */
}