/**
 * WPMedia Icon Jasa Web
 * Replaces MediaWP dark/light mode controls with a web-service icon.
 */

html,
body {
	color-scheme: light !important;
}

.header-mode {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.header-mode .mode,
.header-mode .mode-box,
.header-mode .mode-item,
.mode-transparent {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.amk-web-service-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1 !important;
	text-decoration: none !important;
	color: inherit !important;
	background: transparent !important;
	transition: transform 0.18s ease, opacity 0.18s ease !important;
}

.amk-web-service-link:hover,
.amk-web-service-link:focus {
	background: transparent !important;
	color: inherit !important;
	opacity: 0.78 !important;
	box-shadow: none !important;
	text-decoration: none !important;
	transform: translateY(-1px) !important;
}

.amk-web-service-link:focus-visible {
	outline: 1px solid currentColor !important;
	outline-offset: 4px !important;
}

.amk-web-service-link svg {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

body.dark,
body.dark-mode,
body.darkmode,
body.mode-dark,
body.night,
body.otomatis {
	background-color: #ffffff !important;
	color-scheme: light !important;
}

@media (max-width: 767px) {
	.amk-web-service-link {
		width: 28px !important;
		height: 28px !important;
	}

	.amk-web-service-link svg {
		width: 21px !important;
		height: 21px !important;
	}
}