/* =========================================================
   FINAL CLEAN PURPLE OVERRIDE
   Gold/yellow UI accents are intentionally removed.
   Images/banners are NOT recolored.
   ========================================================= */
@media (max-width:767.98px){
  /* Header */
  .header-mobile__top .mobile-button .mobile-button--register,
  .header-mobile__top .mobile-button .mobile-button--menu{
    background:#0b0910!important;
    border-color:#8b5cf6!important;
    color:#fff!important;
  }
  .header-mobile__top .mobile-button .mobile-button--register span{
    color:#fff!important;
  }

  /* Announcement strip */
  .header-mobile__marquee{
    background:#0b0910!important;
    border-color:#8b5cf6!important;
  }
  .header-mobile__marquee i{
    background:#6d28d9!important;
    color:#fff!important;
  }

  /* Masuk / Daftar cards */
  .home-auth-fixed-v2 a{
    background:linear-gradient(145deg,#17131f,#0b0910)!important;
    border-color:#8b5cf6!important;
    box-shadow:0 0 0 1px rgba(139,92,246,.08)!important;
  }
  .home-auth-fixed-v2 .hcf-icon{
    background:linear-gradient(145deg,#a855f7,#6d28d9)!important;
    color:#fff!important;
  }

  /* Category cards */
  .mobile__category .category-item,
  .mobile__category .category-item a{
    border-color:#8b5cf6!important;
    background-color:#0b0910!important;
  }
  .mobile__category .category-item::before,
  .mobile__category .category-item::after{
    border-color:#8b5cf6!important;
    background:#8b5cf6!important;
  }

  /* Visible text accents */
  .home-auth-fixed-v2 .hcf-title,
  .home-auth-fixed-v2 .hcf-desc{
    color:#fff!important;
  }

  /* Any common gold utility classes */
  .gold,.gold-color,.text-gold,.text-warning,.text-yellow,.yellow{
    color:#c084fc!important;
  }

  /* Navbar */
  .footer-mobile{
    background:linear-gradient(180deg,#120a20,#07050b)!important;
    border-top-color:#8b5cf6!important;
  }
  .footer-mobile .footer-item.active,
  .footer-mobile .footer-item.active .footer-title,
  .footer-mobile .footer-item.active .footer-icon i{
    color:#a855f7!important;
  }
  .footer-mobile .footer-item.footer-login .footer-icon{
    background:linear-gradient(145deg,#a855f7,#6d28d9)!important;
    border-color:#a855f7!important;
  }
}

@media (min-width:768px){
  .header-mobile__top .mobile-button .mobile-button--register,
  .header-mobile__top .mobile-button .mobile-button--menu,
  .home-auth-fixed-v2 a{
    border-color:#8b5cf6!important;
  }
}