/* START: Dark Mode Base */

html.dark-mode .kol-myplace-wrapper {
	background-color: #111827;
	color: #e0e0e0;
}

html.dark-mode .kol-myplace-widget,
html.dark-mode .kol-myplace-section,
html.dark-mode .kol-myplace-card {
	background-color: #1a1a1a;
	border: 1px solid #333333;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

html.dark-mode .kol-myplace-template-card {
	background-color: #1a1a1a;
	border-color: #333333;
}

html.dark-mode button.button {
	background-color: #4b5563;
	color: #e0e0e0;
	border-color: #4b5563;
}

html.dark-mode button.button:hover {
	background-color: #5a6474;
	border-color: #5a6474;
}

html.dark-mode button.button-primary {
	background-color: #2563eb;
	border-color: #2563eb;
	color: #ffffff;
}

html.dark-mode button.button-primary:hover {
	background-color: #1d4ed8;
	border-color: #1d4ed8;
}

html.dark-mode input[type="text"],
html.dark-mode input[type="email"],
html.dark-mode input[type="password"],
html.dark-mode input[type="number"],
html.dark-mode textarea,
html.dark-mode select {
	background-color: #1f2937;
	color: #e0e0e0;
	border-color: #333333;
}

html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6 {
	color: #e0e0e0;
}

/* END: Dark Mode Base */