/* Minimal DocsRaptor skin for the CBG Education theme. */

:root {
	--docsraptor-primary-color: var(--wp--preset--color--primary);
	--docsraptor-secondary-color: var(--wp--preset--color--tertiary);
	--docsraptor-active-bg: var(--wp--preset--color--tertiary);
	--docsraptor-text-color: var(--wp--preset--color--secondary);
	--docsraptor-heading-color: var(--wp--preset--color--main);
	--docsraptor-border-color: var(--wp--preset--color--border-light);
}

.docs-container {
	color: var(--wp--preset--color--secondary);
}

.docs-sidebar,
.docs-sidebar-mobile {
	background: var(--wp--preset--color--tertiary);
}

.docs-sidebar-content {
	scrollbar-color: color-mix(in srgb, var(--wp--preset--color--primary) 45%, transparent) transparent;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}

.docs-sidebar-content::-webkit-scrollbar {
	width: 8px;
}

.docs-sidebar-content::-webkit-scrollbar-track {
	background: transparent;
}

.docs-sidebar-content::-webkit-scrollbar-thumb {
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 28%, transparent);
	border: 2px solid transparent;
	border-radius: 999px;
	background-clip: content-box;
}

.docs-sidebar-content:hover::-webkit-scrollbar-thumb,
.docs-sidebar-content:focus-within::-webkit-scrollbar-thumb {
	background-color: color-mix(in srgb, var(--wp--preset--color--primary) 55%, transparent);
}

.docs-category.child {
	background-color: color-mix(in srgb, var(--wp--preset--color--tertiary) 76%, white);
	border-color: var(--wp--preset--color--border-light);
}

.docs-main h1,
.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4,
.docs-content h5,
.docs-content h6,
.docs-category-link {
	color: var(--wp--preset--color--main);
}

.docs-meta,
.docs-description,
.docs-subcategory-description,
.search-snippet {
	color: var(--wp--preset--color--secondary);
}

.docs-content a {
	color: var(--wp--preset--color--primary);
}

.docs-content a:hover,
.docs-content a:focus {
	color: var(--wp--preset--color--main);
}

.docs-content p strong,
.docs-content li strong {
	color: var(--wp--preset--color--main);
}

.docs-search-input,
.docs-search-modal-input,
.docs-search-suggestions,
.docs-search-suggestions-modal:has(li) {
	background: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--border-light) !important;
	color: var(--wp--preset--color--main);
}

.docs-search-input::placeholder {
	color: var(--wp--preset--color--secondary);
}

.docs-search-input:hover,
.docs-search-input:focus,
.docs-search-modal-input:focus {
	border-color: var(--wp--preset--color--primary) !important;
}

.docs-search-suggestions li,
.docs-search-suggestions-modal li {
	border-bottom-color: var(--wp--preset--color--border-light);
}