/**
 * MD WPBakery Elements — Dual Color Heading Styles
 *
 * All dynamic values (colors, sizes) come from CSS Custom Properties
 * set per-instance by the shortcode render method.
 *
 * @package MD_WPBakery_Elements
 */

/* ── Container ───────────────────────────────────────────────────────────── */
.mdl-dh-container {
	position:   relative;
	text-align: center;
	padding:    60px 0;
}

/* ── Background decorative icon ──────────────────────────────────────────── */
.mdl-dh-bg-icon {
	position:       absolute;
	top:            50%;
	left:           50%;
	transform:      translate(-50%, -50%);
	z-index:        1;
	pointer-events: none;
}

.mdl-dh-bg-icon i {
	display:     inline-block !important;
	color:       var(--mdl-dh-icon-color, #000000);
	font-size:   var(--mdl-dh-icon-size, 180px) !important;
}

/* ── Main heading ────────────────────────────────────────────────────────── */
.mdl-dh-title {
	position:    relative;
	z-index:     2;
	margin:      0 0 15px 0 !important;
	font-weight: 300;
	font-size:   var(--mdl-dh-h-size, 44px);
	line-height: var(--mdl-dh-h-line, 1.2);
}

.mdl-dh-part-1 {
	color: var(--mdl-dh-color-1, #444444);
}

.mdl-dh-part-2 {
	color:       var(--mdl-dh-color-2, #b90434);
	font-weight: 700;
}

/* ── Subheading ──────────────────────────────────────────────────────────── */
.mdl-dh-subtext {
	position:    relative;
	z-index:     2;
	margin:      0 !important;
	font-style:  italic;
	font-size:   var(--mdl-dh-s-size, 18px);
	line-height: var(--mdl-dh-s-line, 1.5);
	color:       var(--mdl-dh-color-sub, #999999);
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.mdl-dh-title {
		font-size:   28px !important;
		line-height: 1.3 !important;
	}

	.mdl-dh-bg-icon i {
		font-size: 230px !important;
	}
}