/* Custom CSS for MAX-Scan Website */

/* Orb animations */
.orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  pointer-events: none;
}

.orb-purple {
  background: #744FC3;
  opacity: 0.1;
}

.orb-green {
  background: #00FF41;
  opacity: 0.1;
}

/* Glow effects */
.glow-green {
  box-shadow: 0 0 32px 12px rgba(0, 255, 65, 0.13);
}

.glow-green-sm {
  box-shadow: 0 0 20px 8px rgba(0, 255, 65, 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0A0A0A;
}

::-webkit-scrollbar-thumb {
  background: #744FC333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #744FC366;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Transitions */
.transition-all-300 {
  transition: all 0.3s ease;
}

/* Header blur on scroll */
.header-scrolled {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Chevron rotation for FAQ */
.chevron-rotated {
  transform: rotate(180deg);
}

/* Card hover effects */
.card-hover:hover {
  border-color: rgba(116, 79, 195, 0.4);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Green button hover */
.btn-green:hover {
  box-shadow: 0 0 24px 8px rgba(0, 255, 65, 0.2);
  transform: translateY(-1px);
}

/* Link hover */
.link-hover:hover {
  opacity: 0.8;
}

/* Video play button pulse */
.play-pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0, 255, 65, 0.4); }
  70% { box-shadow: 0 0 0 20px rgba(0, 255, 65, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 255, 65, 0); }
}

/* Active filter pill */
.filter-active {
  background-color: #00FF41;
  color: #000000;
}

/* Pagination active */
.page-active {
  background-color: #00FF41;
  color: #000000;
}

/* Blockquote styling */
.blockquote-green {
  border-left: 3px solid #00FF41;
}

/* Tip box */
.tip-box {
  background: rgba(0, 255, 65, 0.06);
  border: 1px solid rgba(0, 255, 65, 0.2);
}

/* Number circle */
.num-circle {
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(116, 79, 195, 0.2);
}

/* Thumbnail active state */
.thumb-active {
  border: 2px solid #00FF41 !important;
}

/* Mobile menu overlay */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  z-index: 40;
}

/* Image loading placeholder */
.img-placeholder {
  background: #1A1A1A;
}

/* Custom select arrow */
.custom-select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px;
  padding-right: 44px;
}

.custom-select option {
  background: #0A0A0A;
  color: #FFFFFF;
}

/* Modal scrollbar */
.modal-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.modal-scrollbar::-webkit-scrollbar-track {
  background: #0A0A0A;
  border-radius: 3px;
}

.modal-scrollbar::-webkit-scrollbar-thumb {
  background: #744FC333;
  border-radius: 3px;
}

.modal-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #744FC366;
}