/* =========================================================
   iGeeTor Wiki —— 清爽版
   白底为主，黑字，红色只用在链接、当前标签和关键提示上。
   颜色值取自主站 child-theme/assets/igeetor.css
   ========================================================= */

:root {
	--igt-red: #c8000a;
	--igt-red-dark: #a30008;
	--igt-ink: #1c1d1d;
	--igt-muted: #6b7280;
	--igt-line: #e5e7eb;
	--igt-bg-soft: #f8f9fa;

	/* 顶栏白底黑字 */
	--md-primary-fg-color: #fff;
	--md-primary-fg-color--light: #fff;
	--md-primary-fg-color--dark: #fff;
	--md-primary-bg-color: var(--igt-ink);
	--md-primary-bg-color--light: var(--igt-muted);

	--md-accent-fg-color: var(--igt-red);
	--md-typeset-a-color: var(--igt-red);

	/* 不加载 Google Fonts，用系统字体栈 */
	--md-text-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
	--md-code-font-family: Consolas, "SFMono-Regular", Menlo, monospace;
}

/* ---------- 顶栏与标签栏：白底 + 一条细分隔线 ---------- */

.md-header,
.md-header--shadow {
	box-shadow: none;
}

.md-tabs {
	background-color: #fff;
	border-bottom: 1px solid var(--igt-line);
}

.md-tabs__link {
	opacity: 1;
	color: var(--igt-muted);
	font-weight: 500;
}

.md-tabs__link:hover,
.md-tabs__item--active .md-tabs__link {
	color: var(--igt-ink);
}

.md-tabs__item--active .md-tabs__link {
	box-shadow: inset 0 -2px 0 var(--igt-red);
}

.md-header__button.md-logo img {
	height: 1.5rem;
}

/* 搜索框：浅灰底，不用默认的半透明黑 */
@media screen and (min-width: 60em) {
	.md-search__form {
		background-color: var(--igt-bg-soft);
		border: 1px solid var(--igt-line);
	}

	.md-search__form:hover {
		background-color: #fff;
	}
}

/* ---------- 正文排版 ---------- */

.md-typeset h1 {
	color: var(--igt-ink);
	font-weight: 700;
	letter-spacing: -0.01em;
}

.md-typeset h2 {
	font-weight: 700;
	padding-top: 0.6em;
	border-top: 1px solid var(--igt-line);
}

.md-typeset h3 {
	font-weight: 600;
}

/* ---------- 表格：浅灰表头，去阴影 ---------- */

.md-typeset table:not([class]) {
	border: 1px solid var(--igt-line);
	box-shadow: none;
	font-size: 0.7rem;
}

.md-typeset table:not([class]) th {
	background-color: var(--igt-bg-soft);
	color: var(--igt-ink);
	font-weight: 600;
	border-bottom: 1px solid var(--igt-line);
}

.md-typeset table:not([class]) td code {
	white-space: nowrap;
}

/* ---------- 提示框：统一灰色，只有警告类用红色左边线 ----------
   [class] 是为了在优先级上压过 Material 按类型上色的规则。 */

.md-typeset .admonition[class],
.md-typeset details[class] {
	background-color: var(--igt-bg-soft);
	border: none;
	border-left: 3px solid #c4c7cc;
	border-radius: 0;
	box-shadow: none;
}

.md-typeset .admonition[class] > .admonition-title,
.md-typeset details[class] > summary {
	background-color: transparent;
	color: var(--igt-ink);
}

.md-typeset .admonition[class] > .admonition-title::before,
.md-typeset details[class] > summary::before {
	background-color: var(--igt-muted);
}

.md-typeset details[class] > summary::after {
	color: var(--igt-muted);
}

.md-typeset .admonition.warning,
.md-typeset .admonition.danger {
	border-left-color: var(--igt-red);
}

.md-typeset .admonition.warning > .admonition-title::before,
.md-typeset .admonition.danger > .admonition-title::before {
	background-color: var(--igt-red);
}

/* FAQ 问答折叠：用细线分隔，不要一块块的灰底 */
.md-typeset details.question {
	background-color: transparent;
	border-left: none;
	border-bottom: 1px solid var(--igt-line);
	margin: 0;
}

.md-typeset details.question > summary::before {
	display: none;
}

.md-typeset details.question > summary {
	padding-left: 0;
	font-weight: 600;
}

/* ---------- 首页入口卡片 ---------- */

.md-typeset .grid.cards > ul > li {
	border: 1px solid var(--igt-line);
	border-radius: 0;
	box-shadow: none;
}

.md-typeset .grid.cards > ul > li:hover {
	border-color: var(--igt-ink);
	box-shadow: none;
}

.md-typeset .grid.cards > ul > li > hr {
	display: none;
}

/* ---------- 顶栏右侧的询价按钮 ---------- */

.igt-inquire {
	margin-left: 0.8rem;
	padding: 0.3rem 0.9rem;
	border-radius: 2px;
	background: var(--igt-red);
	color: #fff !important;
	font-size: 0.7rem;
	font-weight: 600;
	white-space: nowrap;
}

.igt-inquire:hover,
.igt-inquire:focus-visible {
	background: var(--igt-red-dark);
}

@media screen and (max-width: 59.984em) {
	.igt-inquire {
		display: none;
	}
}