/**
 * Theme toggle control (header + mobile menu).
 */

.hlm-theme-toggle-item {
	display: flex;
	align-items: center;
	list-style: none;
}

.hlm-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--hlm-border-subtle);
	border-radius: var(--hlm-radius-sm);
	background: var(--hlm-surface-sunken);
	color: var(--hlm-text-primary);
	cursor: pointer;
	transition: background var(--hlm-transition), border-color var(--hlm-transition), color var(--hlm-transition), transform var(--hlm-transition);
}

.hlm-theme-toggle:hover {
	border-color: var(--hlm-border-accent);
	color: var(--hlm-text-accent);
	transform: translateY(-1px);
}

.hlm-theme-toggle:focus-visible {
	outline: 2px solid var(--hlm-secondary);
	outline-offset: 2px;
}

.hlm-site-header__panel-foot .hlm-theme-toggle,
.hlm-site-header__actions-desktop .hlm-theme-toggle {
	flex-shrink: 0;
}

.hlm-theme-toggle__icon {
	display: none;
	align-items: center;
	justify-content: center;
}

html[data-hlm-theme-pref="system"] .hlm-theme-toggle__icon--system,
html[data-hlm-theme-pref="light"] .hlm-theme-toggle__icon--light,
html[data-hlm-theme-pref="dark"] .hlm-theme-toggle__icon--dark {
	display: inline-flex;
}

[data-theme="dark"] ::-webkit-scrollbar {
	width: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
	background: var(--hlm-navy-900);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
	background: var(--hlm-navy-600);
	border-radius: 4px;
}