/* Typing animation styles */

/* Loader and cursor styling */
.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.loader-text {
  display: inline-block;
}

/* Cursor animation */
.typing-cursor {
  display: inline-block;
  width: 2px;
  height: 1em; /* Match text height */
  background-color: #F8F8F8;
  margin-left: 4px;
  vertical-align: middle;
  animation: blink 1s infinite;
}

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

/* Hide original loader dots */
.dot-1, .dot-2, .dot-3 {
  display: none;
}

/* For the page content typing animation - ONLY FOR HEADINGS */
.hero h1,
.release-text h2, 
.dvopovnia-title,
.wave-title, 
.cutw-title, 
.howtodiss-title, 
.howl-title,
.members h1,
.members h2 {
  position: relative;
}

/* Typed text container */
.typed-text {
  display: inline;
  white-space: pre-wrap;
}

/* Animation complete state */
.animation-complete {
  display: inline-block;
}

/* Type wrapper styling */
.type-wrapper {
  display: inline-block;
  white-space: pre-line; /* Preserve line breaks */
}