/*
 * page-overrides.css
 * 固定ページ ID:967 だけの見た目上書き
 * 1) #floating-header の灰色幕（背景＆ブラー）を無効化
 * 2) ヘッダー右上の検索マーク（#search-toggle）を通常=赤 / ホバー=黒
 * ※ !important 不使用。特異性で後勝ち。
 */

/* ── 1) 灰色の幕を無効化 ───────────────────────── */
.page-id-967 #floating-header{
  background-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.page-id-967 #floating-header.hover-active,
.page-id-967 #floating-header.scrolled,
.page-id-967 #floating-header:hover{
  background-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ── 2) 検索マークの色（通常=赤、ホバー/フォーカス=黒） ── */
.page-id-967 #search-toggle{
  color: #B22222; /* 通常：赤（Firebrick） */
}
.page-id-967 #search-toggle:hover,
.page-id-967 #search-toggle:focus,
.page-id-967 #search-toggle:focus-visible{
  color: #000; /* ホバー/フォーカス：黒 */
}

/* SVGアイコンが currentColor を使わない場合の保険（strokeに色を伝播） */
.page-id-967 #search-toggle svg{
  stroke: currentColor;
  fill: none; /* 塗り潰しがあると黒ベタになるのを防止 */
}