/* Animated Rotating Text Styles */
.animated-hero-text {
   min-height: 4rem;
   height: 4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   /* White glow effect for better readability */
   text-shadow: 
      0 0 10px rgba(255, 255, 255, 0.8),
      0 0 20px rgba(255, 255, 255, 0.6),
      0 0 30px rgba(255, 255, 255, 0.4),
      1px 1px 3px rgba(255, 255, 255, 0.9);
}

.rotating-text {
   display: inline-block;
   border-right: 2px solid #b52d18;
   padding-right: 5px;
   animation: blink 0.7s infinite;
   min-width: 2px;
   min-height: 1em;
}

.rotating-text:empty::before {
   content: '\00A0';
   visibility: hidden;
}

@keyframes blink {
   0%, 49% { border-color: #b52d18; }
   50%, 100% { border-color: transparent; }
}

.bounce-arrow {
   animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
   }
   40% {
      transform: translateY(-10px);
   }
   60% {
      transform: translateY(-5px);
   }
}

/* تحسينات الموبايل */
@media (max-width: 767px) {
   .animated-hero-text {
      font-size: 1.25rem !important;
      min-height: 2.8rem !important;
      height: 2.8rem !important;
      line-height: 1.3 !important;
   }
   
   .rotating-text {
      border-right-width: 1.5px;
   }
   
   .arrow-indicator {
      margin-top: 3px !important;
   }
   
   .bounce-arrow {
      width: 28px;
      height: 28px;
   }
}

/* موبايل صغير جداً */
@media (max-width: 575px) {
   .animated-hero-text {
      font-size: 1.1rem !important;
      min-height: 2.5rem !important;
      height: 2.5rem !important;
      padding: 0 10px;
   }
   
   .bounce-arrow {
      width: 24px;
      height: 24px;
   }
}