/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/
html, body { 
    cursor: url("https://i.imgur.com/A1kKezG.png"), default;
}

/* Smooth fade-in effect for the entire page */
body {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

/* Define the fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #050505;
}

::-webkit-scrollbar-thumb {
    background: #7800d2;;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb:hover {
    background: #5a009e;;
}

/* Smooth hover effect for product cards */
.products .card {
  box-shadow: 0px 0px 14px 4px rgba(119, 0, 210, 1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* On hover, slightly enlarge the card and intensify the shadow */
.products .card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 0px 20px 6px rgba(119, 0, 210, 1);
}

.navbar-nav .nav-link:hover {
    color: #7800d2;
    text-decoration: underline;
      text-underline-offset: 5px;
  }

.border-2.border-white\/5.rounded-xl.bg-\[rgba\(255\,255\,255\,0\.01\)\]:hover {
  background-color: #7800d208;
  border-color: #7800d2;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

body {
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}