/* 96M Huat SG — Custom Styles */
body { font-family: 'Inter', sans-serif; background-color: #131313; color: #e4e2e1; }
.font-headline { font-family: 'Plus Jakarta Sans', sans-serif; }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; vertical-align: middle; }

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

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #131313; }
::-webkit-scrollbar-thumb { background: #564334; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #ff8a00; }

/* Huat gold shimmer effect */
.huat-shimmer {
  background: linear-gradient(90deg, #ff8a00, #e9c400, #ff8a00);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer { to { background-position: 200% center; } }

/* Provider logo grid */
.provider-grid img { filter: grayscale(100%) brightness(0.7); transition: all 0.3s; }
.provider-grid img:hover { filter: grayscale(0%) brightness(1); transform: scale(1.05); }

/* Active nav state */
.nav-active { background-color: #0021dc !important; color: #ffffff !important; border-radius: 0.5rem; }

/* FAQ accordion */
.faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-content.open { max-height: 500px; }

/* Rating stars */
.rating-bar { height: 6px; background: #1f2020; border-radius: 3px; overflow: hidden; }
.rating-fill { height: 100%; background: linear-gradient(90deg, #ff8a00, #e9c400); border-radius: 3px; }

/* Mobile responsive tweaks */
@media (max-width: 768px) {
  .hero-title { font-size: 2.5rem !important; }
  .bento-grid { height: auto !important; }
}

/* Affiliate disclosure banner */
.affiliate-banner {
  background: linear-gradient(135deg, #1f2020, #1b1c1c);
  border-left: 3px solid #ff8a00;
}

/* Responsible gambling bar */
.rg-bar {
  background: linear-gradient(135deg, #0e0e0e, #1b1c1c);
  border-top: 1px solid rgba(86,67,52,0.3);
}