/* ============================================================
   Macteck Divi Suite — Typing Effect CSS
   ============================================================ */

.mds-typing-element {
	font-size:      var(--mds-typ-size, 36px);
	font-weight:    var(--mds-typ-weight, 700);
	color:          var(--mds-typ-color, #ffffff);
	text-align:     var(--mds-typ-align, left);
	font-family:    'Space Grotesk', 'Rajdhani', sans-serif;
	line-height:    1.2;
	margin:         0;
	display:        block;
	min-height:     1.4em; /* prevent layout shift */
}

.mds-typing-prefix,
.mds-typing-suffix {
	color: var(--mds-typ-color, #ffffff);
}

.mds-typing-text {
	color: var(--mds-typ-accent, #FF6B00);
}

.mds-typing-cursor {
	color:       var(--mds-typ-cursor, #FF6B00);
	font-weight: 300;
	margin-left: 1px;
	display:     inline-block;
}

.mds-cursor-blink {
	animation: mds-typ-blink 0.75s step-end infinite;
}

@keyframes mds-typ-blink {
	0%,100% { opacity: 1; }
	50%     { opacity: 0; }
}