/**
 * Mapleapp corporate site — brand overrides
 */
:root {
	--maple-primary: #0f766e;
	--maple-primary-hover: #0d9488;
	--maple-primary-soft: #ccfbf1;
	--maple-dark: #134e4a;
}

.maple-loading .object,
.blue-loading .object,
.purple-loading .object {
	background-color: var(--maple-primary) !important;
}

.nav-maple .h-link.active,
.nav-maple .h-link:hover {
	color: var(--maple-primary);
}

.btn--maple,
.btn--blue.btn--maple,
a.btn--maple {
	background-color: var(--maple-primary);
	border-color: var(--maple-primary);
	color: #fff !important;
}

.btn--maple .btn-text,
.btn--maple .anim-txt,
a.btn--maple .btn-text,
a.btn--maple .anim-txt {
	color: #fff !important;
}

.btn--maple:hover,
.btn--blue.btn--maple:hover,
a.btn--maple:hover {
	background-color: var(--maple-primary-hover);
	border-color: var(--maple-primary-hover);
	color: #fff !important;
}

.btn--maple:hover .btn-text,
.btn--maple:hover .anim-txt,
a.btn--maple:hover .btn-text,
a.btn--maple:hover .anim-txt {
	color: #fff !important;
}

.color--maple,
.module-subtitle.color--maple,
.ico-wrap.color--maple {
	color: var(--maple-primary) !important;
}

.bg--maple {
	background-color: var(--maple-primary);
}

.tag-widget .bg--royal,
.tag-widget span.bg--royal {
	background-color: var(--maple-primary) !important;
}

.hero-maple-badge {
	display: inline-block;
	background: var(--maple-primary-soft);
	color: var(--maple-dark);
	font-weight: 600;
	font-size: 13px;
	padding: 6px 12px;
	border-radius: 999px;
	margin-bottom: 18px;
}

.maple-stat-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 28px 24px;
	height: 100%;
}

.maple-stat-card .flaticon {
	font-size: 34px;
	color: var(--maple-primary);
	margin-bottom: 14px;
	display: inline-block;
}

.maple-hero-panel {
	background: linear-gradient(145deg, #f0fdfa 0%, #ecfeff 45%, #ffffff 100%);
	border: 1px solid #99f6e4;
	border-radius: 20px;
	padding: 32px;
	min-height: 280px;
	box-shadow: 0 20px 50px rgba(15, 118, 110, 0.08);
}

.maple-hero-panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.maple-hero-panel li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #e2e8f0;
	font-size: 15px;
}

.maple-hero-panel li:last-child {
	border-bottom: none;
}

.maple-hero-panel .flaticon-check-1 {
	color: var(--maple-primary);
	margin-top: 3px;
}

.desktoplogo img,
.smllogo img,
.footer-logo {
	max-height: 36px;
	width: auto;
}

#header .desktoplogo img,
#header .smllogo img {
	max-height: 48px;
}

.cta-maple {
	background: linear-gradient(135deg, var(--maple-dark) 0%, var(--maple-primary) 100%);
}

.legal-info h3 span,
.legal-info h4 span {
	color: var(--maple-primary);
}

.inner-page-hero.maple-hero {
	background: linear-gradient(135deg, #134e4a 0%, #0f766e 55%, #115e59 100%);
}

/* White nav links on dark hero pages (Lutch uses navbar-dark for dark text) */
body.header-on-dark #header .wsmenu > .wsmenu-list > li > a.h-link {
	color: #fff;
}

body.header-on-dark #header .nav-maple .h-link:hover,
body.header-on-dark #header .nav-maple .h-link.active {
	color: var(--maple-primary-soft);
}

body.header-on-dark #header .wsmobileheader .wsanimated-arrow span,
body.header-on-dark #header .wsmobileheader .wsanimated-arrow span::before,
body.header-on-dark #header .wsmobileheader .wsanimated-arrow span::after {
	background: #fff;
}

/* Keep logo and nav on one row (desktop) */
@media only screen and (min-width: 992px) {
	.wsmainfull .wsmainwp {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
	}

	.wsmainfull .desktoplogo {
		float: none;
		flex-shrink: 0;
		line-height: 1;
	}

	.wsmainfull .wsmenu {
		float: none;
		flex: 1 1 auto;
		min-width: 0;
	}

	.wsmainfull .wsmenu > .wsmenu-list {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-end;
		align-items: center;
		width: auto;
	}

	.wsmainfull .wsmenu > .wsmenu-list > li {
		float: none;
		flex-shrink: 0;
	}

	.nav-maple .wsmenu > .wsmenu-list > li > a.h-link {
		margin: 0 4px;
		padding: 10px 10px;
		font-size: 0.925rem;
	}

	.nav-maple .wsmenu > .wsmenu-list > li.reg-fst-link.m-left > a {
		margin-left: 12px;
	}

	.nav-maple .wsmenu > .wsmenu-list > li.mobile-last-link .btn.last-link {
		margin-left: 8px;
		padding: 5px 14px;
		font-size: 0.85rem;
	}
}

.pricing-2-table.highlight-plan {
	border: 2px solid var(--maple-primary);
	box-shadow: 0 16px 40px rgba(15, 118, 110, 0.15);
}

.pricing-2-table .plan-badge {
	display: inline-block;
	background: var(--maple-primary);
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 999px;
	margin-bottom: 10px;
}

.comp-table .table .color--maple {
	color: var(--maple-primary) !important;
}

.license-form .form-control:focus,
.license-form .form-select:focus {
	border-color: var(--maple-primary);
	box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.15);
}

.footer-parent-company a {
	color: var(--maple-primary);
	font-weight: 500;
	text-decoration: none;
}

.footer-parent-company a:hover {
	color: var(--maple-primary-hover);
	text-decoration: underline;
}

.footer-trustpilot {
	display: inline-block;
	line-height: 0;
}

.footer-trustpilot img {
	height: 32px;
	width: auto;
	max-width: 100%;
}

.footer-trustpilot:hover img {
	opacity: 0.85;
}

.fbox-3.maple-fbox {
	padding: 28px 24px;
}

.fbox-3.maple-fbox .flaticon {
	font-size: 42px;
	color: var(--maple-primary);
	margin-bottom: 16px;
	display: inline-block;
}