/* CASKADE Distillery Map - 用語自動リンクの見た目
 * マップページ以外（検定の解説など）でも効くよう、独立したCSSにしている。
 */

.cdm-term-link,
a.cdm-term-link,
.post_content a.cdm-term-link,
.wf-exam a.cdm-term-link,
.wf-quiz a.cdm-term-link {
	/* テーマ側のリンク指定に負けないよう明示する */
	color: #A34700 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-decoration-style: dotted !important;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
	text-decoration-color: #C98A5E !important;
	padding: 0 1px;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.cdm-term-link:hover,
.cdm-term-link:focus,
a.cdm-term-link:hover,
a.cdm-term-link:focus,
.post_content a.cdm-term-link:hover,
.wf-exam a.cdm-term-link:hover,
.wf-quiz a.cdm-term-link:hover {
	color: #6E2400 !important;
	text-decoration-style: solid !important;
	text-decoration-color: #6E2400 !important;
	background-color: rgba(217, 164, 65, 0.18);
	border-radius: 2px;
}

/* 名所・自然は蒸溜所と区別できるよう青系にする */
.cdm-term-link[data-cdm-kind="landmark"],
a.cdm-term-link[data-cdm-kind="landmark"],
.post_content a.cdm-term-link[data-cdm-kind="landmark"],
.wf-exam a.cdm-term-link[data-cdm-kind="landmark"],
.wf-quiz a.cdm-term-link[data-cdm-kind="landmark"] {
	color: #2F6FA8 !important;
	text-decoration-color: #7FA9CC !important;
}

.cdm-term-link[data-cdm-kind="landmark"]:hover,
.cdm-term-link[data-cdm-kind="landmark"]:focus,
a.cdm-term-link[data-cdm-kind="landmark"]:hover,
a.cdm-term-link[data-cdm-kind="landmark"]:focus,
.post_content a.cdm-term-link[data-cdm-kind="landmark"]:hover {
	color: #1C4B75 !important;
	text-decoration-color: #1C4B75 !important;
	background-color: rgba(47, 111, 168, 0.14);
}

/* 検定の解説ブロック内では、背景が付いても読みやすいように */
.wf-exam-exp .cdm-term-link,
.wf-quiz-rv-exp .cdm-term-link {
	text-underline-offset: 2px;
}

/* ダークテーマ対策 */
@media (prefers-color-scheme: dark) {
	body.cdm-dark .cdm-term-link,
	body.cdm-dark a.cdm-term-link {
		color: #E8A76A;
		text-decoration-color: #B37A4A;
	}

	body.cdm-dark .cdm-term-link[data-cdm-kind="landmark"],
	body.cdm-dark a.cdm-term-link[data-cdm-kind="landmark"] {
		color: #8CC0E8;
		text-decoration-color: #5E90B8;
	}
}