/* =========================================================
   FINAL FULL PURPLE THEME
   Gold/yellow UI accents -> purple
   Layout/functionality intentionally unchanged
   ========================================================= */
@media (max-width:767.98px){

  /* GOLD/YELLOW BORDER ACCENTS */
  .btn,
  button,
  .card,
  .box,
  .item,
  .game-item,
  .category-item,
  .menu-item,
  .login-card,
  .register-card,
  .auth-box,
  .modal-content{
    --gold:#8b5cf6;
  }

  /* Common explicit gold/yellow border colors */
  [style*="#FFD"],
  [style*="#ffd"],
  [style*="#FFC"],
  [style*="#ffc"],
  [style*="#EAB"],
  [style*="#eab"],
  [style*="#FACC"],
  [style*="#facc"]{
    border-color:#8b5cf6!important;
  }

  /* Authentication cards */
  .auth-box,
  .login-box,
  .register-box,
  .login-card,
  .register-card{
    border-color:#8b5cf6!important;
  }

  /* Main action buttons */
  .btn-login,
  .button-login,
  .btn-daftar,
  .button-daftar,
  .login-button,
  .register-button,
  button[type="submit"]{
    background:linear-gradient(135deg,#a855f7,#6d28d9)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
    box-shadow:0 3px 12px rgba(139,92,246,.25)!important;
  }

  /* Category cards and menu borders */
  .category-item,
  .category-box,
  .menu-category,
  .game-category,
  .item-category,
  .game-card{
    border-color:#8b5cf6!important;
  }

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

  /* Active/highlight accents */
  .active,
  .selected,
  .is-active{
    border-color:#8b5cf6!important;
  }

  /* Inputs */
  input:focus,
  select:focus,
  textarea:focus{
    border-color:#a855f7!important;
    box-shadow:0 0 0 2px rgba(139,92,246,.14)!important;
    outline:none!important;
  }

  /* Bottom navbar */
  .footer-mobile{
    background:linear-gradient(180deg,#120a20,#07050b)!important;
    border-top-color:rgba(168,85,247,.78)!important;
  }

  .footer-mobile .footer-item.active,
  .footer-mobile .footer-item.active .footer-title,
  .footer-mobile .footer-item.active .footer-icon i{
    color:#a855f7!important;
  }

  /* Center login button */
  .footer-mobile .footer-item.footer-login .footer-icon{
    background:linear-gradient(145deg,#a855f7,#6d28d9)!important;
    border-color:#a855f7!important;
  }

  /* Login modal */
  #loginModal > .modal-dialog > .modal-content{
    border-color:#8b5cf6!important;
  }
  #loginModal .item-title{
    color:#c084fc!important;
  }
  #loginModal .button-login{
    background:linear-gradient(135deg,#a855f7,#6d28d9)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
  }
}

/* Desktop/other widths: same palette, no layout changes */
@media (min-width:768px){
  .btn-login,
  .button-login,
  .btn-daftar,
  .button-daftar,
  .login-button,
  .register-button,
  button[type="submit"]{
    background:linear-gradient(135deg,#a855f7,#6d28d9)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
  }
}