/* Dark Mode Toggle Button */
.dark-mode-toggle-btn {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	font-size: 1.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	outline: none;
}

.dark-mode-toggle-btn:hover {
	transform: scale(1.1);
}

/* Toggle Sun/Moon Icons */
body:not(.dark-mode) .icon-sun-cf7f7157 {
	display: none;
}

body.dark-mode .icon-moon-cf7f7157 {
	display: none;
}

/* Global Dark Mode Styles */
body.dark-mode {
	background-color: #121212 !important;
	color: #e0e0e0 !important;
}

/* Automatically invert common light sections to dark */
body.dark-mode :is(.elementor-section, .elementor-container, .elementor-widget-wrap, header, footer) {
	background-color: #121212 !important;
	color: #e0e0e0 !important;
}

/* Automatically adjust headings and text in dark mode */
body.dark-mode :is(h1, h2, h3, h4, h5, h6, p, span, a:not(.elementor-button)) {
	color: #ffffff !important;
}

/* Gentle image dimmed effect in dark mode */
body.dark-mode img {
	filter: brightness(0.8) contrast(1.2);
}

/* Adapt standard Elementor forms in dark mode */
body.dark-mode input:not([type="submit"]), 
body.dark-mode textarea, 
body.dark-mode select {
	background-color: #1e1e1e !important;
	color: #ffffff !important;
	border-color: #333333 !important;
}