/* Custom Brutalist Animations and Styles */
.hover-solid-shadow {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.hover-solid-shadow:hover {
  transform: translate(-6px, -6px);
  box-shadow: 6px 6px 0px 0px #E8593C;
}

.hover-solid-shadow-black:hover {
  transform: translate(-6px, -6px);
  box-shadow: 6px 6px 0px 0px #1A1A2E;
}

/* Scrollbar customization */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #1A1A2E;
}
::-webkit-scrollbar-thumb {
  background: #E8593C;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f5a623;
}

/* Pulse animation for WhatsApp */
@keyframes pulse-ring {
  0% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.35); opacity: 0; }
  100% { transform: scale(1); opacity: 0.5; }
}
.animate-pulse-ring {
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Fade in up animation */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fadeInUp 0.6s ease-out forwards;
}

.nav-underline {
  display: none;
}
.nav-item.active .nav-underline {
  display: block;
}
.mobile-nav-item.active {
  color: #E8593C;
  border-bottom-color: #E8593C;
  padding-left: 0.5rem;
}