/* =========================================================================
 * Clover Music School（ウクレレ教室）overrides
 * -------------------------------------------------------------------------
 * scoped.css（Manus由来）は触らず、本番で必要な微調整のみをここに書く。
 * ukulele-nav.css / scoped.css の後に読み込む（functions.php の依存指定）。
 * ========================================================================= */

/* ① デスクトップメニューの文字色
 * ukulele-nav.css はリバティコムの暗ヘッダー用に淡色 rgb(203,213,225) を当てており、
 * ウクレレの薄クリームヘッダー（rgba(248,245,237,.92)）では見づらい（HOMEが灰色）。
 * Manusの .desktop-nav a の色（#645d52 / hover=--sage）に合わせる。
 * ※ ukulele-nav.css と同一セレクタで後勝ちさせるため .manus-scope:not(#ap) を前置。 */
.manus-scope:not(#ap) nav .site-desktop-menu > li > a {
  color: #645d52;
}
.manus-scope:not(#ap) nav .site-desktop-menu > li:hover > a,
.manus-scope:not(#ap) nav .site-desktop-menu > li:focus-within > a,
.manus-scope:not(#ap) nav .site-desktop-menu > li.current-menu-item > a {
  color: var(--sage, #64755f);
}

/* ② モバイルメニュー（ukulele-scripts.js が .manus-scope 配下に生成する .mobile-menu）
 * Manusの scoped .mobile-menu は z-index:19 だが、ヘッダー(.site-header)が z-index:20 のため
 * そのままだとヘッダーの背面に隠れて開いて見えない。ヘッダーより前面に出す。 */
.manus-scope:not(#ap) .mobile-menu {
  z-index: 60;
}