/* Memorial Page Styles */

/* Hide scrollbar for tab navigation */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Memorial pattern - subtle micro-grid texture */
.memorial-pattern {
  background-image:
    repeating-linear-gradient(0deg, transparent 0px, rgba(212, 175, 55, 0.015) 1px, transparent 2px),
    repeating-linear-gradient(90deg, transparent 0px, rgba(212, 175, 55, 0.015) 1px, transparent 2px);
  background-size: 4px 4px;
}

.dark .memorial-pattern {
  background-image:
    repeating-linear-gradient(0deg, transparent 0px, rgba(212, 175, 55, 0.01) 1px, transparent 2px),
    repeating-linear-gradient(90deg, transparent 0px, rgba(212, 175, 55, 0.01) 1px, transparent 2px);
}

/* Doodle animations - gentle floating effect */
@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0) rotate(var(--rotation));
  }
  50% {
    transform: translateY(-8px) rotate(var(--rotation));
  }
}

@keyframes float-slow {
  0%, 100% {
    transform: translateY(0) rotate(var(--rotation));
  }
  50% {
    transform: translateY(-12px) rotate(var(--rotation));
  }
}

@keyframes fade-pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}

.doodle-float-1 {
  animation: float-gentle 6s ease-in-out infinite;
}

.doodle-float-2 {
  animation: float-gentle 7s ease-in-out infinite 0.5s;
}

.doodle-float-3 {
  animation: float-slow 8s ease-in-out infinite 1s;
}

.doodle-float-4 {
  animation: float-slow 6.5s ease-in-out infinite 1.5s;
}

.doodle-pulse {
  animation: fade-pulse 4s ease-in-out infinite;
}

.doodle-pulse-slow {
  animation: fade-pulse 5s ease-in-out infinite 1s;
}