/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ── Mortgage Calculator Pro — Dark Theme ────────────────────────────────── */

/* Monthly Payment card */
.mcp-monthly-payment-card {
	background: #000 !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Residency status tabs */
.mcp-tab {
	background: #000 !important;
	color: #fff !important;
	border-color: #333 !important;
	transition: background 0.2s ease !important;
}

.mcp-tab:hover {
	background: #1f1f1f !important;
	border-color: #555 !important;
}

.mcp-tab.active {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #555 !important;
	box-shadow: inset 0 0 0 2px #555 !important;
}

/* Check Eligibility submit button */
.mcp-submit-btn {
	background: #000 !important;
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	transition: background 0.2s ease !important;
}

.mcp-submit-btn:hover {
	background: #1f1f1f !important;
}

/* Range sliders — reuse plugin's --mcp-fill variable, replace blue with black */
.mcp-range {
	accent-color: #000 !important;
	cursor: pointer;
	background: linear-gradient(
		to right,
		#000 0%,
		#000 var(--mcp-fill, 0%),
		#e6e8ef var(--mcp-fill, 0%),
		#e6e8ef 100%
	) !important;
}

/* Thumb — WebKit */
.mcp-range::-webkit-slider-thumb {
	background: #000 !important;
	border: 2px solid #000 !important;
}

/* Thumb — Firefox */
.mcp-range::-moz-range-thumb {
	background: #000 !important;
	border: 2px solid #000 !important;
}

/* Fill / progress track — Firefox */
.mcp-range::-moz-range-progress {
	background: #000 !important;
}