/* =========================================================
 * NationVoice — Hero Split Widget
 * Solid color block + image, 50/50 split
 * ========================================================= */

.nv-hs-wrapper {
	--nv-primary: #3c4d8c;
	--nv-purple: #5d4ec1;
	--nv-text: #5e5e5e;
	--nv-bg: #ffffff;
	--nv-font-body: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--nv-font-heading: Georgia, 'Times New Roman', serif;
	--nv-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--nv-trans: 0.3s var(--nv-ease);

	font-family: var(--nv-font-body);
}

.nv-hs-wrapper *, .nv-hs-wrapper *::before, .nv-hs-wrapper *::after { box-sizing: border-box; }

.elementor-page .nv-hs-wrapper,
.e-con .nv-hs-wrapper,
.elementor-widget-container .nv-hs-wrapper {
	font-family: var(--nv-font-body) !important;
}

.nv-hs-wrapper .nv-hs {
	width: 100%;
	background-color: var(--nv-bg);
}

/* Breadcrumb */
.nv-hs-wrapper .nv-hs__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 16px 32px;
	max-width: 1320px;
	margin: 0 auto;
	font-family: var(--nv-font-body) !important;
	font-size: 13px;
	color: var(--nv-primary) !important;
}

.nv-hs-wrapper .nv-hs__breadcrumb a {
	color: var(--nv-primary) !important;
	text-decoration: none !important;
	transition: opacity var(--nv-trans);
}

.nv-hs-wrapper .nv-hs__breadcrumb a:hover { opacity: 0.7; }

/* Grid */
.nv-hs-wrapper .nv-hs__grid {
	display: grid;
	grid-template-columns: 50fr 50fr;
	min-height: 460px;
}

.nv-hs-wrapper .nv-hs--block-right .nv-hs__block { order: 2; }
.nv-hs-wrapper .nv-hs--block-right .nv-hs__media { order: 1; }

/* Block */
.nv-hs-wrapper .nv-hs__block {
	background-color: var(--nv-purple);
	display: flex;
	align-items: center;
	padding: 56px;
	color: #ffffff;
}

.nv-hs-wrapper .nv-hs__block-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.nv-hs-wrapper .nv-hs__heading {
	margin: 0;
	font-family: var(--nv-font-heading) !important;
	font-weight: 600;
	font-size: 34px;
	line-height: 1.25;
	color: #ffffff !important;
	max-width: 22ch;
}

/* CTA link */
.nv-hs-wrapper .nv-hs__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-family: var(--nv-font-body) !important;
	font-size: 14px;
	font-weight: 500;
	color: #ffffff !important;
	text-decoration: none !important;
	width: fit-content;
	transition: gap var(--nv-trans), opacity var(--nv-trans);
}

.nv-hs-wrapper .nv-hs__cta-icon {
	width: 28px;
	height: 28px;
	border: 1.5px solid #ffffff;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: transform var(--nv-trans), background var(--nv-trans), color var(--nv-trans);
}

.nv-hs-wrapper .nv-hs__cta:hover { gap: 16px; }
.nv-hs-wrapper .nv-hs__cta:hover .nv-hs__cta-icon {
	background-color: #ffffff;
	color: var(--nv-purple);
}

/* Media */
.nv-hs-wrapper .nv-hs__media {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #f0f0f0;
	min-height: 460px;
}

.nv-hs-wrapper .nv-hs__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Responsive */
@media (max-width: 1024px) {
	.nv-hs-wrapper .nv-hs__heading { font-size: 28px; }
	.nv-hs-wrapper .nv-hs__block { padding: 40px 32px; }
}

@media (max-width: 768px) {
	.nv-hs-wrapper .nv-hs__grid,
	.nv-hs-wrapper .nv-hs--block-right .nv-hs__grid {
		grid-template-columns: 1fr !important;
		min-height: auto;
	}
	.nv-hs-wrapper .nv-hs__block,
	.nv-hs-wrapper .nv-hs--block-right .nv-hs__block { order: 1; padding: 40px 24px; }
	.nv-hs-wrapper .nv-hs__media,
	.nv-hs-wrapper .nv-hs--block-right .nv-hs__media { order: 2; min-height: 320px; }

	.nv-hs-wrapper .nv-hs__heading { font-size: 24px; }
	.nv-hs-wrapper .nv-hs__breadcrumb { padding: 12px 16px; font-size: 12px; }
}