/**
 * Chatbot の index.css（Tailwind Preflight / Vite 既定）がページ全体に効き、
 * WordPress テーマの header / メガメニューのレイアウト・クリック領域を壊すのを防ぐ。
 * 必ず midori-chatbot-app より後で読み込むこと。
 */
html {
	background-color: #fff;
	color: #000;
	color-scheme: light;
}

body {
	display: block !important;
	place-items: unset !important;
	justify-content: unset !important;
	align-items: unset !important;
	align-content: unset !important;
	min-height: 0 !important;
	background-color: #fff;
	color: #000;
}

/* Chatbot 側の a 色指定を打ち消し、テーマ側の指定を優先 */
a,
a:visited,
a:hover,
a:active,
a:focus {
	color: inherit;
}

/* テーマのヘッダーメニュー色を明示的に維持 */
.pc-menu__link,
.pc-menu__link:visited,
.pc-menu__link:active,
.pc-menu__link:focus {
	color: #000;
	font-weight: 700;
	font-size: inherit;
	line-height: 70px;
}

.pc-menu__link:hover {
	color: var(--color-green);
}

/* モバイルメニュー系のリンク色・太さをテーマどおり固定 */
.ham-menu__link,
.ham-menu__link:visited,
.ham-menu__link:active,
.ham-menu__link:focus {
	color: #000;
	font-weight: 700;
}

.ham-menu__item.join .ham-menu__link,
.ham-menu__item.join .ham-menu__link:visited,
.ham-menu__item.join .ham-menu__link:active,
.ham-menu__item.join .ham-menu__link:focus {
	color: var(--color-white);
}

.ac-menu__link,
.ac-menu__link:visited,
.ac-menu__link:active,
.ac-menu__link:focus {
	color: var(--color-white);
	font-weight: 700;
}

/* ボタンリンクはテーマ既定色を維持 */
.btn,
.btn:visited,
.btn:hover,
.btn:active,
.btn:focus {
	color: var(--color-white);
}

.btn--outline,
.btn--outline:visited,
.btn--outline:hover,
.btn--outline:active,
.btn--outline:focus {
	color: var(--color-green);
}

.btn--sub,
.btn--sub:visited,
.btn--sub:hover,
.btn--sub:active,
.btn--sub:focus {
	color: var(--color-black);
}