/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* --- Support fixed bottom-right --- */
.support-button{
  position: fixed !important;
  right: 30px !important;
  bottom: 30px !important;
  z-index: 999999 !important;
}

.support-popup{
  position: fixed !important;
  right: 30px !important;
  bottom: 110px !important;
  z-index: 999999 !important;
}

/* --- Music fixed bottom-left --- */
.player{
  position: fixed !important;
  left: 30px !important;
  bottom: 30px !important;
  z-index: 999999 !important;
}

/* --- Hide YouTube iframe --- */
#youtube{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

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

  .navbar-nav .nav-link.active {
    text-decoration: underline;
      text-underline-offset: 5px;
    color: #400094;
  }
  
  .card-title
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #5319b1 0%,
    #b98beb 50%,
    #5319b1 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: Rainbow 5s linear infinite;
  display: inline-block;
      font-size: 190px;
}
  .announcement {
  width: 100%;
  height: 100%;
    text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #5332cf 0%,
    #44107a 29%,
    #5332cf 100%
  );
   background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  -webkit-text-fill-color: #3ee66b;
  animation: Rainbow 10s linear infinite;
  display: inline-block;
  }

@keyframes Rainbow {
  to {
    background-position: 200% center;
  }
}
.card {
  transition: box-shadow 0.3s ease;
}

.card:hover {
  box-shadow: 0 0 20px rgba(195, 121, 255, 0.8); /* Golden glow */
}

.payment-methods button {
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none; /* Ensure no default border */
  outline: none; /* Remove outline for a cleaner look */
}

.payment-methods button:hover {
  transform: translateY(-4px); /* Move the button up */
  box-shadow: 0 4px 15px rgba(0, 123, 255, 0.5); /* Add a shadow */
}
.btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover {
    transform: scale(1.05); /* Slightly increases the size */
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.6), 0 0 20px rgba(0, 123, 255, 0.4);
}